是否可以通過動態更改其選擇器名稱加載Angular 2組件？

Question

我有兩個角2組件，<future-todos>和<past-todos>。我可以以某種方式動態加載它們，如下所示？

component.ts

if (condition) { 
    list = 'future'; 
} else { 
    list = 'past'; 
} 

component.html

<{{list}}-todos></{{list}}-todos> 

我的實際情況更復雜，我省略了大量的代碼，以簡化表示本實例我需要。

Answer 1

簡短的回答：第

但NgSwitch在這種情況下使用：

HTML：

<div [ngSwitch]="list"> 
    <div *ngSwitchCase="future"> 
     <future-todos></future-todos> 
    </div> 
    <div *ngSwitchCase="past"> 
     <past-todos></past-todos> 
    </div> 
    <div *ngSwitchDefault>Unrecognized list type</div> 
</div> 

不要忘了默認類型