Angular 2-ngIf Alternative，它不会每次ngIf值更改时都初始化组件

Question

我有一个自定义的标签实现，在其中我用一些ngIf指令显示标签内容，如下所示：

<tab1 *ngIf="condition === 1"></tab1>
<tab2 *ngIf="condition === 2"></tab2>

制表符具有自己的形式，某些内容仅应初始化一次，不再需要初始化。在我当前的实现中，每次我更改条件然后更改选项卡时，都会再次初始化组件tab1和tab2。

我们是否还有其他ngIf替代项（例如可能是旧的ng-show），它不会再次初始化组件，而只是淡出UI上的新内容。否则，我必须使用CSS（不显示任何内容）来做。

Answer 1

您可以使用[hidden]代替*ngIf。

与此相反*ngIf，hidden并不能完全从DOM中删除内容，只是...好吧，将其隐藏;）