2017-12-03 16 views
0

私は(私もこの条件を確認角度2チェックボックス結合エラー

changeUserStatus(index: string) { 
    if (this.users[index].status === "false") 
    this.users[index].status = "true"; 
    else this.users[index].status = "false"; 
} 

この

<tr *ngFor="let user of users;let userIndex=index;"> 
    <!--Some other code--> 
    <td (click)="changeUserStatus(userIndex)"> 
     <div class="checkbox"> 
     <label> 
     <input type="checkbox" id="{{'userstatus'+userIndex}}" name="{{'userstatus'+userIndex}}" [checked]="(user.status==='true')?true:false"> 
     </label> 
    </div> 
    </td> 
</tr> 

.TSようなモデルで、チェックボックスのchecked属性を結合していuser.status = == 'true')?true:falseこれは本当の結果です。しかし、チェックボックスは何に関係なくチェックされていません。

助けてください!

+0

changeUserStatus内hapeningは何? – Sajeetharan

+0

最新のコードで質問を更新しました。しかし、まだそれは動作していません –

+0

なぜあなたは真の引用符を入れているのですか? {{'userstatus' + userIndex}} '' [checked] = "(user.status)?true:falseこれは、' ' ' –

答えて

0

属性。

変更などのhtml:

<input type="checkbox" id="{{'userstatus'+userIndex}}" name="{{'userstatus'+userIndex}}" [checked]="(user.status==='true')?true:''"> 
0

idの代わりにng-modelを使用します。これらのドキュメントを読んで試してみてください。 https://docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D

角度があなたの入力をレンダリングしていないいくつかの理由があります私は答えを見つけた

+0

これは角度2を表しています。これを達成するためにng-modelバインディングは必要ありません。 –