离子复选框内的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>

现在我们看到了输入，我们无法点击它，因为离子在后台添加了一个类来禁用Checkbox中输入的所有指针事件。

要解决此问题，我们只需将其添加到我们的CSS中。

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