使用ng-include和模板缓存

时间:2016-06-19 05:42:53

标签: angularjs

我正在开发角js。以前,我使用ng-include和url。但我怎么能将网址指向templatecache?

// first, grab the Actor that you wish to replace
ImageButton actor = characterImageChevy; // you know where to get it from

// next, take the Cell where it's at
Cell<Table> cell = table.getCell(characterImageChevy);

// remove the actor
cell.clearActor();

// set new Actor
cell.setActor(characterImageChevy);

2 个答案:

答案 0 :(得分:14)

模板缓存使用密钥来识别缓存的元素,因此您可以使用密钥。

  $templateCache.put('MY KEY', 'Cached content');

在html中:

<ng-include src="'MY KEY'"></ng-include>

$templateCache的AngularJS文档中查看。

答案 1 :(得分:4)

有两种方法:

在标记中:

将模板指定为脚本标记:

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

(这应该是ng-app的后代,换句话说,应该在ng-app标记内的某处指定

这将自动缓存模板。

在代码中:

var myApp = angular.module('myApp', []);
myApp.run(function($templateCache) {
  $templateCache.put('templateId.html', 'This is the content of the template');
});

在这两种情况下,您都可以像这样获得缓存的模板:

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

$templateCache.get('templateId.html')