angular – 当我点击孩子时如何从父母那里调用方法？

发布时间：2020-12-17 17:23:23 所属栏目：安全来源：网络整理

导读：我有两个组成部分,父母和孩子.在孩子我有按钮.当用户点击子节点中的那个按钮时,我想要调用父节点中的方法.有什么建议吗？解决方法这是非常基本的角度,你会在 https://angular.io的指南中找到大量的例子. 但是如果你仍然找不到它,你必须使用@Output装饰器,

我有两个组成部分,父母和孩子.在孩子我有按钮.当用户点击子节点中的那个按钮时,我想要调用父节点中的方法.有什么建议吗？

解决方法

这是非常基本的角度,你会在 https://angular.io的指南中找到大量的例子.

但是如果你仍然找不到它,你必须使用@Output装饰器,为它设置一个EventEmitter字段,并在单击按钮时调用emit.这样,您可以使用事件表示法()从父级附加到它：

亲

@Component({
   selector: 'parent',template: `<child (buttonClick)="onButtonClick($event)"></child>`
})
export class ParentComponent {

   public onButtonClick(event: MouseEvent): void {
      // ...
   }

}

儿童

@Component({
    selector: 'child',template: `<button (click)="buttonClick.emit($event)"></button>`
})
export class ChildComponent {

   @Output()
   public buttonClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();

}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!