Angular，在单击按钮时动态获取组件引用

Question

根据某些条件，我有可以包含10个不同子组件中的1个的组件。

<div *ngIf="type === 1">

    <component_1></component_1>

</div>

<div *ngIf="type === 2">

    <component_2></component_2>

</div>

<div *ngIf="type === 3">

    <component_3></component_3>

</div>

...

在该组件中，我需要一个可以随时返回正确的子组件引用的方法（例如，单击按钮时）。

getComponentRef() {

  switch (this.type) {

     case 1: {

       // return component_1 ref;

       break;

     }

     case 2: {

       // return component_2 ref;

       break;

     }

     case 3: {

       // return component_3 ref;

       break;

     }

     ...

   }

}

任何想法 ？

Answer 1

1）您已经在中输入了value&nbsp;ngIf。您可以使用它。2）您需要EventEmitter在通用服务文件中创建一个。这样，您可以从所有组件中发出标志ngOnInit()并订阅组件。3）您也可以通过Cookie进行管理。4）还通过父子数据传输进行管理。