ion中的HTML输入-复选框

Question

我正试着把一个html输入放在ion复选框的右边，但是它不工作。

<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>

现在我们看到了输入，我们不能点击它，因为ionic已经在后台添加了一个类来禁用复选框内部输入上的所有指针事件。

要解决这个问题，我们只需将其添加到我们的css。

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