具有angular2

时间:2016-03-18 03:57:33

标签: function templates dynamic typescript 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?

中的函数

1 个答案:

答案 0 :(得分:0)

我必须实现类似的东西,我的解决方案与Thomas Gassmann的评论相同,所以我决定分享。

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

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