イオンチェックボックス内のHTML入力

Question

イオンチェックボックスの右側にhtml入力を入れようとしていますが、動作していません。あなたはいくつかの並べ替えを見ることができるように

<label> 
    <ion-checkbox ng-model="mode" ng-checked="checked"> 
     <input type="text"> 
    </ion-checkbox> 
</label> 

しかし、それはテキストが挿入されている場合、それが働いている技術的

<label> 
    <ion-checkbox ng-model="mode" ng-checked="checked"> 
     Label 
    </ion-checkbox> 
</label> 

Answer 1

作品

まず私は、入力ボックスにプレースホルダ値を追加します値。

<label> 
    <ion-checkbox ng-model="mode" ng-checked="checked"> 
     <input type="text" placeholder="Input"> 
    </ion-checkbox> 
</label> 

イオンは、チェックボックスの内側にある入力上の全てのポインタイベントを無効にするには、バックグラウンドでクラスを追加したので、今、私たちは入力を参照してくださいすることを、私たちは、それをクリックすることはできません。

これを修正するには、これをCSSに追加するだけです。

.item-checkbox .item-content{ 
    pointer-events: auto; 
}