Verwendung von ng-include mit Vorlagen-Cache

Question

Ich entwickle in eckigen js. Zuvor verwende ich ng-include mit URL. Aber wie könnte ich die URL auf templatecache zeigen?

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

Answer 1

Der Vorlagen-Cache verwendet einen Schlüssel zum Identifizieren der zwischengespeicherten Elemente, sodass Sie den Schlüssel dafür verwenden können.

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

Und im html:

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

es auf AngularJS docs für $templateCache See.

Answer 2

Es sagt wie in der documentation of $templateCache.

Answer 3

Es gibt zwei Möglichkeiten:

In Markup:

Geben Sie Ihre Vorlage als Skript-Tag:

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

(dies ein Nachkomme des ng-app sein sollte, ist es mit anderen Worten sollte irgendwo innerhalb der ng-app Markup angegeben werden)

Dies wird die Vorlage automatisch zwischengespeichert.

In Code:

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

In beiden Fällen können Sie die im Cache gespeicherten Vorlage wie diese:

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

oder

$templateCache.get('templateId.html')