2017-10-25 76 views
0

2つのチェックボックスがあり、ユーザーが選択されたときに入力されますが、値が変更された場合にデータベースに保存する前に値をチェックして戻す必要がありますチケットボックスがドロップされたときに営業マンを選択すると、私の作業コードが私のプランナーになります。angular 2チェックボックスから値を取得する

誰かが私は素晴らしいことだチェックボックスの値を確認得ることができますどのように助言することができれば、これは私が試したものですが、私は何か欠けています:

<input type="input" name="adminis" id="adminis" class="form-control" [(ngModel)]="tradesman.user_roles"/> 

Plunker demo

答えて

1

をチェックボックスの値が変更されているかどうかを調べるには、(変更)属性を使用できます。

<input type="checkbox" [checked]="tradesman?.user_roles?.includes('Administrator') ? true : false" value="Administrator" (change)="valueChanged($event)"/>Admin 
<input type="checkbox" [checked]="tradesman?.user_roles?.includes('General User') ? true : false" value="General User" (change)="valueChanged($event)" />General 

コンポーネントでは、渡されたイベントを使用してデータを管理できます。

valueChanged(e:any){ 
    /* e.target.name - for getting the changed field name */ 
    /* e.target.checked - for getting the value - true(checked)/false(unchecked) */ 
} 

次に、この新しい値で配列などを更新できます。

+0

こんにちはヴィーナ、 完全に働いたおかげで、本当にあなたが再び助けて感謝しています。 あなたは私のためとして、このSO(https://stackoverflow.com/questions/46909238/angular-2-selecting-option-from-select-list-based-on-passed-in-parameter)を見ていただけません私が与えられた答えはうまくいかないようです。 おかげ – stephenad

+0

こんにちはStephenadは、私はあなたがあなたの最後のコメントに言及している「SO」用語を理解didntの。ありがとう:) –

+0

こんにちはVeena、私はスタックオーバーフローの質問を意味し、私はそれを後にリンク: – stephenad

関連する問題