2017-03-23 2 views
0

以下のコードでは、任意の数のチェックボックスをランダムにチェックするかチェックを外すことができます。入力名と値を持つ どの入力チェックボックスタグが角度2の値で変更されたかをチェックする方法は?

<button class="button" type="button">Device 1</button> 
    &nbsp; <label class="switch"> 
    <input name="device1" type="checkbox" [(ngModel)]={{device1}} (ngModelChange)="OnInput($event)"> 
    <div class="slider round"></div> 
</label> 
<br/> <button class="button" type="button">Device 2</button> 
    &nbsp; <label class="switch"> 
    <input name="device2" type="checkbox" [(ngModel)]={{device2}} (ngModelChange)="OnInput($event)"> 
    <div class="slider round"></div> 
</label> 
    <br/> <button class="button" type="button">Device 3</button> 
    &nbsp; <label class="switch"> 
    <input name="device3" type="checkbox" [(ngModel)]={{device3}} (ngModelChange)="OnInput($event)" > 
    <div class="slider round"></div> 
</label> 
    <br/> <button class="button" type="button">Device 4</button> 
    &nbsp; <label class="switch"> 
    <input name="device4" type="checkbox" [(ngModel)]={{device4}} (ngModelChange)="OnInput($event)"> 
    <div class="slider round"></div> 
</label> 
    <br/> <button class="button" type="button">Device 5</button> 
    &nbsp; <label class="switch"> 
    <input name="device5" type="checkbox"[(ngModel)]={{device5}} (ngModelChange)="OnInput($event)"> 
    <div class="slider round"></div> 
</label> 
    <br/> <button class="button" type="button">Device 6</button> 
    &nbsp; <label class="switch"> 
    <input name="device6" type="checkbox"[(ngModel)]={{device6}} (ngModelChange)="OnInput($event)"> 
    <div class="slider round"></div> 
</label> 
    <br/> <button class="button" type="button">Device 7</button> 
    &nbsp; <label class="switch"> 
    <input name="device7" type="checkbox" [(ngModel)]={{device7}} (ngModelChange)="OnInput($event)"> 
    <div class="slider round"></div> 
</label> 
    </div> 
export class DashboardComponent{ 


    OnInput(value:any){ 
     console.log(value); 
    } 

私は...タグが値で選択されている入力知りたいだけ変更されたチェックボックスの詳細情報を取得したい

答えて

0

使用ngModelChange

<input type="checkbox" [(ngModel)]="object.selected" (ngModelChange)="onChange(object.selected)"> 

onChangeの呼び出し時に値のカウンタをリセットする

+0

あなたはobject.selectedがあなたに入力を与えるのonchange機能 –

+0

どうあるべきか...タグが変更された入力を取得する方法を... eloborateすることができますチェック次に、必要な操作を行うコンポーネントでjquery関数を作成することができます – BhandariS

1

angle2の名前を渡すことができます識別子/各入力に#the_nameを参照し、方法でそれを渡します

<input name="device1" type="checkbox" 
    #device1 
    [(ngModel)]={{device1}} 
    (ngModelChange)="OnInput($event, device1)"><!--pass it here--> 
関連する問題