角度 7 中的单击事件未触发输入类型复选框答案

【问题标题】：click event not triggering for input type checkbox in angular 7角度 7 中的单击事件未触发输入类型复选框
【发布时间】：2019-11-18 01:12:13
【问题描述】：

当我点击输入类型复选框时，点击或更改事件未触发

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);
}

点击事件没有触发，没有错误有什么帮助吗？

【问题讨论】：

你能提供更多关于你的组件的上下文吗？

标签： angular

【解决方案1】：

您的输入元素仅提供(change) 和(input) 事件，不提供(click) 事件。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox

使用更改而不是点击应该可以工作

(change)="test($event)"

【讨论】：

不，它支持click 事件，根据您的链接：“除了所有元素共享的公共属性外，“复选框”输入还支持以下属性”。

【解决方案2】：

您需要使用事件处理程序来实现点击功能。

 <input  type="checkbox" name="{{facet.value[0].DisplayFacetName}}"
     [(ngModel)]="check" (ngModelChange)="test($event)"> Checkbox

<button (click)="test($event)">Change </button>  



   test(event){
  console.log(event);
}

【讨论】：