動態標籤內容呈現

我正在開發標籤組件，我希望Angular僅呈現並初始化活動標籤，而不是所有標籤。如何做呢？動態標籤內容呈現

<my-tabs> 
    <my-tab [tabTitle]="'Tab1'"> 
    <some-component></some-component> 
    </my-tab> 
    <my-tab [tabTitle]="'Tab2'"> 
    <some-component2></some-component2> 
</my-tabs>

Basicaly在這種情況下，第一桶是活動的，所以<some-component></some-component>應該被初始化，但<some-component2></some-component2>不應視爲TAB2不活躍

來源

2017-10-28 Yauheni Pozdnyakov

在組件上使用*ngIf。如果該值爲false，則該組件將從DOM中刪除，因此不會進行初始化。東西大致是這樣的：

<my-tab [tabTitle]="'Tab1'"> 
    <some-component *ngIf="tabOneActive" ></some-component> 
    </my-tab>

來源

2017-10-28 11:42:20 user184994

我想知道是否有可能在浴缸組件內做。 –

如果您在選項卡中執行此操作，而不是組件，那麼您不選擇的選項卡不會作爲頁面上的選項卡存在。 –

動態標籤內容呈現

回答

相關問題