Tải mẫu thành phần dạng góc 1,5 theo lời hứa

Question

Trong Góc 1,5, tôi muốn tải mẫu qua lời hứa tùy chỉnh. Đoạn mã ví dụ mà tôi muốn chạy là

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() { 

} 
}); 

Lý do tôi muốn làm điều này là để tải các mẫu từ một iframe proxy.

Nếu có cách nào để cung cấp trình phân giải mẫu tùy chỉnh của tôi cho lời hứa sẽ quá đủ.

Answer 1

Tôi đã giải quyết vấn đề bằng cách thay thế $ templateRequestService của góc sử dụng trang trí.

Xem ví dụ mã bên dưới:

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; 
    }]); 

}]);