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

前端之家收集整理的这篇文章主要介绍了angular – 当我点击孩子时如何从父母那里调用方法?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个组成部分,父母和孩子.在孩子我有按钮.当用户点击子节点中的那个按钮时,我想要调用父节点中的方法.有什么建议吗?

解决方法

这是非常基本的角度,你会在 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>();

}

猜你在找的Angularjs相关文章