Comment utiliser AngularJS $templateCache.get()?

J'ai besoin de mettre en cache certains fichiers HTML quand mon Angulaire contrôleur initialise.

Selon Angulaire $templateCache documentation je peux ajouter des modèles HTML pour Anguleux avec:

$templateCache.get('templateId.html')

Mais je ne peux pas obtenir que cela fonctionne. J'ai essayé d'obtenir le fichier de modèle dans le contrôleur et dans le module de fonction run () ( Plunker ). Mais je peux voir dans le réseau de la console que le modèle n'est pas récupérée.

app.run(function($templateCache) {
  $templateCache.get('templ.html');
});

Ce que je fais mal?

J'ai mal compris la documentation. Je pensais que le get() a été "HTTP OBTENIR ce modèle d'URL". Mais c'est juste une méthode de lecture. Pour nourrir l' $templateCache avec un modèle avec HTTP GET, voir la réponse choisie.

OriginalL'auteur HoffZ | 2014-07-15

  1. 8

    Vous devez chercher de l'html à l'aide de la requête http, alors vous pouvez le stocker dans le cache de template. Par exemple:

    $http.get('templ.html', {
    cache: $templateCache
}).then(function(result) {
    console.log(result);
});

    Mise à jour plunker code ici

    plunker ne fonctionne pas
    N'est-il pas préférable d'utiliser $templateRequest au lieu de $http car il ne async modèle de l'extraction de+la mise en cache automatiquement et Angulaire-de manière prévisible?

    OriginalL'auteur Francis Stalin

  2. 1

    Vous pouvez utiliser $templateRequest pour aller chercher le modèle.

    L' $templateRequest service exécute des contrôles de sécurité puis télécharge le modèle fourni à l'aide de $http, et, en cas de succès, stocke le contenu à l'intérieur de $templateCache. Si la requête HTTP échoue ou si les données de réponse de la requête HTTP est vide de dollars, soit une erreur de compilation sera levée (à l'exception peut être contrecarré par la mise en au 2ème paramètre de la fonction true). Notez que le contenu de $templateCache sont de confiance, de sorte que l'appel à $sce.getTrustedUrl(tpl) est omis lors de la tpl est de type string et $templateCache a l'entrée correspondante.

    Documentation: https://docs.angularjs.org/api/ng/service/$templateRequest

    OriginalL'auteur ZooZ