javascript - 如何以 Angular 创建和触发自定义事件

Question

我是 Angular 的新手，我读过关于事件绑定(bind)的文章，所以我可以做这样的事情:

<button (click)="doSomething()"></button>

我想知道是否可以创建自定义事件并做同样的事情。假设我想要一个自定义事件，例如: deleteItem ，有可能做这样的事情吗？如何？

<my-component (deleteItem)="doSomething()"></my-component>

Answer 1

当然，您可以使用 eventEmitter在我的组件 ts 文件中添加这个

 @Output() deleteItem= new EventEmitter();

当你想增加事件时，请执行此操作

  this.deleteItem.emit();

你也可以像这样传递数据

  this.countUpdate.emit({value: some data });

然后像这样在父组件中捕获它

<my-component (deleteItem)="doSomething($event)"></my-component>

并在父 ts 文件中

    doSomething(event)
    { 
       console.log(event);
    }