Angularjs 在窗体内使用离子切换

使用Angular和Ionic，如何在表单内部使用Ionic的切换（作为输入）？

您只能在分配ng模型时使用它

<ion-toggle ng-model="option.isSelected" toggle-class="toggle-calm">
  {{option.title}}
</ion-toggle>

{{option.title}}

如果在模型列表上进行迭代，可以尝试以下操作：

<ion-toggle ng-repeat="option in options" ng-model="option.isSelected" toggle-class="toggle-calm" >
  {{option.title}}
</ion-toggle>

{{option.title}}

您只能将其用于分配ng型号

<ion-toggle ng-model="option.isSelected" toggle-class="toggle-calm">
  {{option.title}}
</ion-toggle>

{{option.title}}

如果在模型列表上进行迭代，可以尝试以下操作：

<ion-toggle ng-repeat="option in options" ng-model="option.isSelected" toggle-class="toggle-calm" >
  {{option.title}}
</ion-toggle>

{{option.title}}

对于爱奥尼亚2，建议的语法为：

<ion-item>
  <ion-label>Name of the toggle</ion-label>
  <ion-toggle checked="true"></ion-toggle>
</ion-item>

切换的名称

如果要访问切换的状态，需要将其绑定到控制器的成员。在angular 2中，双向绑定的语法如下：

<ion-item>
  <ion-label>Name of the toggle</ion-label>
  <ion-toggle [(ngModel)]="toggleStatus" checked="true"></ion-toggle>
</ion-item>

切换的名称

---

从您的控制器中，变量this.toggleStatus将是一个布尔值，您可以读取该布尔值以获取用户输入，或更改以在屏幕上设置切换状态。

对于ionic 2，建议的语法为：

<ion-item>
  <ion-label>Name of the toggle</ion-label>
  <ion-toggle checked="true"></ion-toggle>
</ion-item>

切换的名称

如果要访问切换的状态，需要将其绑定到控制器的成员。在angular 2中，双向绑定的语法如下：

<ion-item>
  <ion-label>Name of the toggle</ion-label>
  <ion-toggle [(ngModel)]="toggleStatus" checked="true"></ion-toggle>
</ion-item>

切换的名称

从控制器中，变量this.toggleStatus将是一个布尔值，您可以读取该布尔值以获取用户输入，或者更改以在屏幕上设置切换状态