События дочернего компонента вызывают неверного родителя

#angular #typescript #angular-elements

Вопрос:

У меня есть 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 виджета, и я что-то меняю в раскрывающемся списке второго виджета, вместо второго изменяется первый виджет. Почему это происходит? Как я мог это исправить?

Комментарии:

1. Не могли бы вы, пожалуйста, добавить минимальный воспроизводимый пример?

2. не могу ответить, не посмотрев на то, что вы написали в «afterSelectionChanged1»