AngularJS 템플릿 내에서 재사용 가능한 미리보기를 수행 할 수 있습니까? 내가 다시하고 다시 동일한 코드 조각을 반복 자신을 찾는거야

Question

, AngularJS와이 같은 일을 할 수 있습니다 :

<div ng-snippet="mySnippet"> 
    This is a snippet 
</div> 

<div ng-snippet="anotherSnippet"> 
    Yet another snippet!! 
</div> 

<ng:include src="anotherSnippet"> 
<ng:include src="anotherSnippet"> 
<ng:include src="mySnippet"> 

및 위의 것의 출력 :

Yet another snippet!! 
Yet another snippet!! 
This is a snippet 

필자는 정확한 "ng : include"솔루션이나 패턴을 찾고 있지는 않지만 템플릿의 반복을 줄일 수있는 방법을 찾고 있습니다.

Answer 1

<script type='text/ng-template' id="mySnippet"> 
    This is a snippet 
</script> 

<script type='text/ng-template' id="anotherSnippet"> 
    Yet another snippet!! 
</script> 

<ng-include src="'anotherSnippet'"></ng-include> 
<ng-include src="'anotherSnippet'"></ng-include> 
<ng-include src="'mySnippet'"></ng-include> 

이 당신이 원하는 것을해야한다 : 다음은 간단한 예입니다.

script 및 ng-include에 대한 문서입니다.

Answer 2

directives을 사용하려는 것 같습니다. http://jsfiddle.net/gyF6V/1/