更改* ngfor中的事件功能以获取复选框

时间:2017-03-20 17:20:19

标签: angular

我正在开发使用 Angular 2 的项目。

在这种情况下,我必须从数组中创建一个复选框,所以我这样做:

<span *ngFor="let key of keysArray; let i = index;" >
    <input type="checkbox" checked  [value]="key"> {{key}}
  </span>

现在我希望每个复选框都有更改/点击事件,所以我添加了(更改)事件,如下所示:

<span *ngFor="let key of keysArray; let i = index;" >
    <input type="checkbox" checked (change)="checkChange($event.checked)"  [value]="key"> {{key}}
  </span>

组件中的功能:

checkChange(event){
      alert(event)
    }

但是当我运行代码时显示错误:

self.parentView.context.checkChange is not a function

2 个答案:

答案 0 :(得分:1)

尝试$event.target.checked

<input type="checkbox" checked (change)="checkChange($event.target.checked)"

答案 1 :(得分:0)

您必须在模板所属的组件内定义checkChange方法。

错误self.parentView.context.checkChange is not a function表示组件中没有名为checkChange的功能。