2017-03-20 12 views
0

私はの角度2を使用するプロジェクトに取り組んでいます。状況の上でチェックボックスの* ngforイベントの変更機能

私は配列からチェックボックスを作成する必要があり、だから、次のように私はされています

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

しかし、私は、コードそれSHを実行するとエラー:

self.parentView.context.checkChange is not a function 
+0

コンポーネントが 'checkChange'メソッドを持っています試してみてください?どのように見えるかを示すコードを追加できますか? –

+0

'$ event'は' checked'プロパティを持っていますか? –

+0

はいコンポーネントにcheckChangeメソッドがあります@GünterZöchbauerを確認してください – Jigarb1992

答えて

1

$event.target.checked

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

@GunterZochbauerを試しましたが動作しません – Jigarb1992

+0

「動作しません」とはどういう意味ですか?まったく同じエラーメッセージが表示されますか? –

+0

はい同じエラーが発生しました – Jigarb1992

0

checkChangeメソッドは、テンプレートが属するコンポーネント内に定義する必要があります。

エラーself.parentView.context.checkChange is not a functionは、コンポーネント内にcheckChangeという機能がないことを意味します。

関連する問題