我目前正在做类似
的事情<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包裹
答案 0 :(得分:2)
像
这样的东西<{{directive}} *ngFor="let directive = listofDirectives"></{{directive}}>
不受支持。
只有静态添加到模板的HTML才会与组件和指令的选择器匹配。
您可以使用ViewContainerRef.createComponent
添加动态组件,例如Angular 2 dynamic tabs with user-click chosen components