27

我发现自己一次又一次地重复相同的代码片段，是否可以在 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”解决方案或模式，而是寻找可以减少模板中重复的东西。

4

2 回答 2

38 
<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 的文档。

于 2012-10-02T22:54:20.830 回答
12

这听起来像你想使用指令。这是一个简单的例子：http: //jsfiddle.net/gyF6V/1/

于 2012-10-02T21:43:44.257 回答