Можно ли сделать многоразовые фрагменты в шаблонах AngularJS?
Я снова и снова повторяю те же фрагменты кода, можно ли сделать что-то подобное в 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" или шаблон, но что-то, что уменьшит повторение в моих шаблонах.
Ответы
Ответ 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.
Ответ 2
Похоже, вы хотите использовать директивы . Вот простой пример: http://jsfiddle.net/gyF6V/1/