首页 > 解决方案 > 角度 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);
}

点击事件没有触发,没有错误有什么帮助吗?

标签: angular

解决方案


您的输入元素只提供(change)(input)事件,没有(click)事件。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox

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

(change)="test($event)"

推荐阅读