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 ngIf。您可以使用它。

2）您需要EventEmitter在通用服务文件中创建一个。

这样，您可以从所有组件中发出标志ngOnInit()并订阅组件。

3）您也可以通过Cookie进行管理。

4）还通过父子数据传输进行管理。