Можно ли делать многоразовые фрагменты в шаблонах Angularjs?
-
12-12-2019 - |
Вопрос
Я нахожу себя повторять одни и те же фрагменты кода снова и снова, возможно ли сделать что-то вроде этого в 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: включить" решение или шаблон, но что-то, что уменьшило бы повторение в моих шаблонах.
Решение
<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 - включают .
Другие советы
Это звучит так, как вы хотите использовать Директивы .Вот простой пример: http://jsfiddle.net/gyf6v/1/
Не связан с StackOverflow