角度4トグルスイッチは、私は図書館のトグルスイッチを使用しています

Question

状態を検出します Toogle Switch

この私のスイッチ素子：

<label class="switch-light switch-material"> 
    <input type="checkbox"> 
    <strong class="large-4 columns float-left"> 
     Off 
    </strong> 
    <span class="large-4 columns float-left"> 
     <span>Off</span> 
     <span>On</span> 
     <a (click)="detectStatus(true or false)"></a> 
    </span> 
    <strong class="large-4 columns float-left"> 
     On 
    </strong> 
</label> 

機能detectStatus（）、私はとして送信したいを使用しましたパラメータがオフの場合はfalseを返し、オンの場合はtrueを返します。

どうすればいいですか？おかげで、

Answer 1

あなたはこの

は、コンポーネントでこの

<input [ngModel]="test" [checked]="test" type="checkbox" (change) = "checkClicked(test)"> 

を試してみてください達成するために、入力にngModelとcheckedを使用する必要があります。

checkClicked(val){ 
    if(val){ 
     this.test = false; 
    } else{ 
     this.test = true; 
    } 
    console.log(val); 
} 

ここで働いてplnkr