Question

我有一个带有两个组件子组件的父组件，我想知道哪个子组件生成了一个事件，我的尝试是绑定，但不起作用：

父：

templates/components/modals/my-modal.hbs
templates/components/modals/my-modal2.hbs
templates/components/widgets/my-widget.hbs
templates/components/widgets/my-widget2.hbs
...

在孩子身上：

  <span> FIRST CHILD </span>
  <childComponent [childName]=childName1></childComponent>
  <span> SECOND CHILD </span>
  <childComponent [childName]=childName2></childComponent>

  export class ParentComponent implements OnInit {

    childName1: string ="child1";
    childName2: string ="child2";

  }

Answer 1

您也可以使用

<my-child (event)="onChildEvent($event, 'child1')"></my-child>
<my-child (event)="onChildEvent($event, 'child2')"></my-child>

这样孩子就不需要参与了。

Answer 2

解决您的问题，看看

StackBlitz: Demo

Child会触发事件，并让父母知道哪个孩子解雇了它

此方法甚至适用于动态生成的子组件
此外，孩子可以立即发送额外数据和身份证明。

如何区分角度组件

2 个答案: