Использование ng-include с кэшем шаблона

Question

Я развиваюсь в угловых js. Раньше я использовал ng-include с url. Но как я могу указать url на templatecache?

<ng-include 
    src="string" 
    [onload="string"] 
    [autoscroll="string"]> 
... 
</ng-include> 

Answer 1

Кэш-память шаблона использует ключ для идентификации кешированных элементов, поэтому вы можете использовать этот ключ.

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

И в HTML:

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

Посмотри на AngularJS документы для $templateCache.

Answer 2

В нем говорится, как в documentation of $templateCache.

Answer 3

Есть два способа:

В разметке:

Укажите ваш шаблон в качестве тега сценария:

<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')