typescript – Angular 2中$event对象的作用是什么？

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

导读：我有点困惑,在这里做什么$event事件和这两个例子有什么区别 button (click)="clicked($event)"/button@Component(...)class MyComponent { clicked(event) { event.preventDefault(); }} 和 button (click)="clicked()"Click/button @Component(...) class M

我有点困惑,在这里做什么$event事件和这两个例子有什么区别

<button (click)="clicked($event)"></button>

@Component(...)
class MyComponent {
  clicked(event) {
    event.preventDefault();
  }
}

和

<button (click)="clicked()">Click</button>



 @Component(...)
    class MyComponent {
      clicked(event) {
      }
    }

$event是事件本身.

事件绑定(someevent)允许绑定到DOM事件和EventEmitter事件.语法完全相同.

对于DOM事件,$event是MouseEvent,KeyboardEvent或您收听的任何事件类型的事件值.

对于EventEmitter事件,发出的值可用作$event

假设这个例子$event指的是发射的法拉利汽车实例：

@Output() carChange:EventEmitter<Car> = new EventEmitter<Car>();

someMethod() {
  this.carChange.emit(new Car({name: 'Ferrari'}));
}

如果您不使用$click(“click”=“clicked()”),则不传递事件值.

实际上,据我记得它仍然在一些浏览器中传递但不是全部(不记得哪些)

但是,如果您使用Angulars WebWorker功能,那么如果您没有明确地列出它,您的方法可能无法获取被触发或发出的事件.

（编辑：李大同）

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