动态标签内容呈现

我正在开发标签组件，我希望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

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

如果您在选项卡中执行此操作，而不是组件，那么您不选择的选项卡不会作为页面上的选项卡存在。 –

动态标签内容呈现

回答

相关问题