Question

当我单击输入类型复选框时，不会触发单击或更改事件

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

点击事件未触发，有没有任何帮助？

Answer 1

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

使用更改而不是单击应该起作用

(change)="test($event)"

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

角7中的click事件未触发输入类型复选框

2 个答案: