約1.5度のコンポーネントテンプレートのロード

Question

1.5の角度で、私はカスタムプロミスを介してテンプレートをロードします。私が実行したい 例のコードは、私がこれをしたい理由は、プロキシはiframeからテンプレートをロードすることです

var module = angular.module("myApp", []); 
module.component("component", { 
template: ["$q", function ($q) { 

    var defer = $q.defer(); 

    setTimeout(function() { 
     defer.resolve("<p>Hello world</p>"); 
    }, 100) 
    return defer.promise; 
}], 
controller: function() { 

} 
}); 

です。

私のカスタムテンプレートリゾルバを約束するには余裕がある方法があれば。

Answer 1

デコレータを使用してangleの$ templateRequestServiceを置き換えることで問題を解決しました。

は、次のコード例を参照してください。

module.config(["$provide", function ($provide) { 

$provide.decorator("$templateRequest", [ 
    "$delegate", "$q", // DI specifications 
    function ($delegate, $q) { 

     // replace the delegate function 
     $delegate = function (tpl) { 
      var defer = $q.defer(); 
      // convert the tpl from trustedvaluetoken to string 
      if (typeof (tpl) !== "string" || !!$templateCache.get(tpl)) { 
       tpl = $sce.getTrustedResourceUrl(tpl); 
      } 
      // make proxy call and resolve the promise; 

      // Make an async call 
      return defer.promise; 
     } 
     // return the modified delegate function 
     return $delegate; 
    }]); 

}]);