Có thể thực hiện các đoạn trích có thể tái sử dụng trong các mẫu AngularJS không?

Question

Tôi thấy bản thân mình lặp đi lặp lại các đoạn cùng một đoạn mã một lần nữa và một lần nữa, là nó có thể làm điều gì đó như thế này trong 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"> 

và đầu ra của trên sẽ được:

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

Tôi không nhất thiết phải tìm kiếm giải pháp hoặc mô hình "ng: include" chính xác nhưng điều gì đó sẽ làm giảm sự lặp lại trong các mẫu của tôi.

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> 

Đây phải là điều bạn muốn.

Tài liệu cho script và ng-include.

Answer 2

Điều này nghe có vẻ như bạn muốn sử dụng directives. Dưới đây là ví dụ đơn giản: http://jsfiddle.net/gyF6V/1/