0

次のようなテンプレートを含む DOM にスクリプト タグがあります。

<body>

   <div ng-insert='ui'></div>  <!--inject ui here-->

   <script id='ui' type='text/html'>
      <div ng-model='name'></div>
   </script>
</body>

...そして、上記で作成した ng-insert のようなディレクティブを使用して、DOM に追加したいと考えています。

私はまだこれを行う組み込みのものを見つけていません。ng-include はリモート テンプレートでのみ読み込まれるようです。これはかなり単純なディレクティブを書くことになると思いますが、それを試すこともできますが、既に存在するものを再発明していないことを確認したかったのです。

4

2 に答える 2

2

ng-includeタグを使用type="text/ng-template"して、定義済みのテンプレートと組み合わせて使用​​できます。script

<script type="text/ng-template" id="templateId.html">
  This is the content of the template
</script>

注:scriptテンプレートを含むタグは、ドキュメントのヘッドに含める必要はありませんが、ng-app定義の下に配置する必要があります。

後でこれを使用してテンプレートを取得します。

<div ng-include="'templateId.html'"></div>

注: テンプレートの名前は、文字列として一重引用符で囲みます。

このテンプレートは、JavaScript から取得することもできます。

$templateCache.get('templateId.html')

参考文献:

于 2013-10-03T14:29:20.583 に答える
1

私はあなたが探しているもの だng-includeと思いますhttp://jsfiddle.net/mrajcok/MfHa6/script type="text/ng-template"

于 2013-10-03T14:23:03.173 に答える