javascript - 为什么自定义事件不需要与 xxx.target.value 一起使用”

Question

我是 Angular 的新手，只是一个关于自定义事件的问题。对于正常的事件绑定(bind)，我们有以下代码:

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

但是对于自定义绑定(bind)，我看到了这样的代码:

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

为什么不是:

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

Answer 1

自定义组件发出可以被 $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 直接获取值