angular - 角度 7 中的单击事件未触发输入类型复选框
问题描述
当我单击输入类型复选框时,单击或更改事件未触发
html代码:
<ul>
<li *ngFor="let category of facet.value">
<div class="checkbox">
<input type="checkbox" name="{{facet.value[0].DisplayFacetName}}"
[(ngModel)]="check" (click)="test($event)">
<label for="{{category.Title}}">{{ category.Title }}</label>
</div>
</li>
</ul>
组件代码:
test(event){
console.log(event);
}
点击事件没有触发,没有错误有什么帮助吗?
解决方案
您的输入元素只提供(change)
和(input)
事件,没有(click)
事件。
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox
使用更改而不是点击应该可以
(change)="test($event)"
推荐阅读
- node.js - 如果 npm 已经有 npm-shrinkwrap.json 用于锁定目的,为什么还要创建 package-lock.json?
- arrays - 数组的子数组列表
- javascript - 如何通过引用传递 vuejs 元素实例
- android - 使用 RecyclerView 和 Retrofit2 最新没有数据
- angular - 角度 2/5/6 中 document.getElementsByTagName('body') 的替代方案
- mysql - 如何安全地存储 API 令牌?
- json - Golang 使用未知键解析 JSON
- java - 从日期范围选择中选择第一个和最后一个日期
- node.js - jenkins中具有不同环境的节点应用程序
- c++ - 使用临时初始化 gtest 夹具参考类成员