将数据绑定到AngularJS中<script>标记中定义的模板

时间:2015-05-06 08:43:47

标签: javascript angularjs angularjs-directive angularjs-scope angularjs-templates

我正在尝试将数据绑定到角度模板。但我面临以下问题。

&#xA;&#xA;

我使用$ templateCache来检索模板,但我无法在模板中找到数据。

&#xA; &#xA;
  $ templateCache.get('q1.index.html');&#xA;  
&#xA;&#xA;

现在,我我也试图做 $ compile($ templateCache.get('q1.index.html')); 但是我得到错误:[jqLit​​e:nosel] http:// errors。 angularjs.org/1.3.14/jqLit​​e/nosel 错误。

&#xA;&#xA;

有人可以让我知道我做错了什么吗?我该如何解决呢。

&#xA;

1 个答案:

答案 0 :(得分:0)

您需要将此格式用于<script>代码

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

然后您可以使用$templateCache

检索其他地方
$templateCache.get('templateId.html')

或通过ng-include

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