function - 具有angular2中函数的templateUrl

Question

嗯...在 Angular 1.x.y 是

angular.module('myApp', []).directive('myDirective', function(){
    return {
       templateUrl : function(tElement, iAttrs){
           return 'http://' + iAttrs.myDirective // More...
       } 
    }
});

但是..在 Angular2 中

@Component({
    selector: 'my-Directive',
    templateUrl: 'http://???' 
})
class HelloWorld {
}

好吧，在 doc只说一个 String。因为它被处理为 angular2 中的函数？

Answer 1

我不得不实现类似的东西，我的解决方案与上面 Thomas Gassmann 的评论相同，所以我决定分享。

目前(angular 4.4.5)@Component 装饰器只接受一个字符串，因此模板不像在 angularJS 上那样动态编译。但是，您可以实现多个组件并动态切换组件。示例如下:

https://stackblitz.com/edit/angular-dynamic-templateurl