是否可以在angular2中使用没有开关类型设置的条件指令

时间:2016-08-04 16:40:52

标签: angular

我目前正在做类似

的事情
<div *ngFor="let directive in listOfDirectives">
    <directive-one *ngIf="directive == 'directive-one'"></directive-one>
    <directive-two *ngIf="directive == 'directive-two'"></directive-two>
    ...
</div>

我想做的是这不起作用

<{{directive}} *ngFor="let directive = listofDirectives"></{{directive}}>

有没有办法做到这一点?出于造型目的,我真的需要不用div包裹

1 个答案:

答案 0 :(得分:2)

这样的东西
<{{directive}} *ngFor="let directive = listofDirectives"></{{directive}}>

不受支持。

只有静态添加到模板的HTML才会与组件和指令的选择器匹配。

您可以使用ViewContainerRef.createComponent添加动态组件,例如Angular 2 dynamic tabs with user-click chosen components

中所述