是否可以在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>

这应该是您想要的。

脚本和ng-
include的
文档。