我创建了一个自定义事件 （EventEmitter<Commune>），我从组件@Output。我如何在另一个组件中对它做出反应？

I've created a custom event (EventEmitter<Commune>) that I @Output from a component. How do I react to it in another component?

提问人：Marc Le Bihan 提问时间：7/30/2023 更新时间：7/30/2023 访问量：17

问：

我在城市列表中有一个城市选择器，以及六张地图，当用户更改他的选择时，这些地图可能会更新（更改它们显示的位置）。

在城市选择器中，我声明了一个：@Output

selectionCommune: EventEmitter<Commune> = new EventEmitter<Commune>();

<app-communes id="communes" anneeCOG="2023"
  (selectionCommune)="console.log('une commune a été sélectionnée: %s (%s, code région : %s)',
     $event.nomCommune, $event.nomDepartement, $event.codeRegion)">
</app-communes>

enter image description here

它工作正常。当我进行选择时，我收到以下日志：une commune a été sélectionnée: Brest (Finistère, code région : 53)

但是现在，我该如何告诉我的另一个 Angular 组件对这个自定义事件做出反应？

我的目标是能够在订阅该事件的地图上写下类似的东西：

<app-carte (selectionCommune) = "changePosition($event)"
  [...]
</app-carte>
Angular TypeScript 事件

评论

答： 暂无答案

上一个：Leaflet 折线 EventListener 查找单击的位置

下一个：仅停止点击事件冒泡，但允许在 Angular 中模糊