angularjs - 加载 Angular 指令模板异步

Question

我希望能够从 promise 加载指令的模板。例如

template: templateRepo.get('myTemplate')

templateRepo.get 返回一个 promise ，当解决时，模板的内容在一个字符串中。

有任何想法吗？

Answer 1

你可以在你的指令中加载你的 html 将它应用到你的元素并编译。

.directive('myDirective', function ($compile) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            //Some arbitrary promise.
            fetchHtml()
             .then(function(result){
                 element.html(result);
                 $compile(element.contents())(scope); 
              }, function(error){

              });
        }
    }
});