Question

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

Answer 1

只能在指定ng-model时使用它。

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

如果您正在迭代模型列表，可以尝试这样的事情：

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

Answer 2

对于离子2，推荐的语法是：

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

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

this.toggleStatus

从控制器变量<body ng-controller="movieDesc"> <div ng-repeat="m in movies" movies="m"> <movies-dir movies="m" save-data="saveData(movie)"></movies-dir> </div> </body>将是一个布尔值，您可以读取该布尔值以获取用户输入，或更改为在屏幕上设置切换状态。

在表单内使用Ionic切换

2 个答案: