Можно ли делать многоразовые фрагменты в шаблонах Angularjs?

StackOverflow https://stackoverflow.com//questions/12698796

  •  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/

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top