javascript - 为什么自定义事件不需要与 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">
解决方案
自定义组件发出可以被捕获的值$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 直接获取值
推荐阅读
- excel - 我的 Excel“运行时错误 91:对象变量或未设置块变量”
- c - cc 编译器和缓存
- css - 布局在 nuxt.js 中重叠
- firebase - firestore 是否支持 where 子句中的 BETWEEN 条件
- typo3 - TYPO3 8.7:自定义字段未从自定义扩展添加到 tt_content 表中
- java - 如何在 docker 上管理 Java 和 Python 应用程序?
- javascript - 将 bootstrap-vue 模式附加到应用程序模板
- php - 会话超时时如何配置重定向 URL - Laravel 5.8?
- excel - 使用自定义格式将 Excel 中的行转换为列
- python - torch.matmul和python内置@运算符做矩阵乘法的区别