首页 > 解决方案 > 为什么自定义事件不需要与 xxx.target.value 一起使用”

问题描述

我是 Angular 的新手,只是关于自定义事件的问题。对于普通的事件绑定,我们有以下代码:

<input class="form-control" (input)="selectedProduct=$event.target.value" />

但是对于自定义绑定,我看到了这样的代码:

<tr *ngFor="..." [pa-attr]="getProducts().length < 6 ? 'bg-success' : 'bg-warning'" (pa-category)="newProduct.category=$event">

那么为什么不是:

<tr ... (pa-category)="newProduct.category=$event.target.value">

标签: javascriptangulartypescript

解决方案


自定义组件发出可以被捕获的值$event

认为,

这是自定义组件:

<input class="form-control" (input)="selectedProduct=$event.target.value" (blur)="onBlur()"/>


@Output() exampleOutput= new EventEmitter();

onBlur() {
    exampleOutput.emit(selectedProduct)
}

由于exampleOutput是直接发出值,所以当你使用 时(exampleOutput)= "test = $event",test 直接获取值


推荐阅读