angular - 子组件事件调用错误的父组件

Question

我在同一页面中有 2 个相同角度元素的实例：

<my-widget id="myWidget" isfullscreen="false"></my-widget>
<my-widget id="myWidget" isfullscreen="true"></my-widget>

在组件 my-widget 我有另一个组件：

<my-dropdown *ngIf="isfullscreen === 'true'" #Dropdown1 [items]="myItems" [afterChange]="afterSelectionChanged1"></my-dropdown>
<my-dropdown *ngIf="isfullscreen === 'false'" #Dropdown2 [items]="myItems" [afterChange]="afterSelectionChanged2"></my-dropdown>

当显示 2 个小部件时，我在第二个小部件的下拉列表中进行了更改，第一个小部件受到影响，而不是第二个。为什么会这样？我该如何解决这个问题？

标签： angulartypescriptangular-elements