设置要在 ion-toggle 中检查的默认切换答案

【问题标题】：Set default toggle to be checked in ion-toggle设置要在 ion-toggle 中检查的默认切换
【发布时间】：2016-09-29 12:27:12
【问题描述】：

下面是列出切换按钮的代码，我想在其中将第一个切换按钮设置为打开，其余的关闭..

<ion-view view-title="Choose language">
  <ion-content>
    <div class="list"> 
      <ion-toggle ng-repeat="item in lists" ng-model="item.checked"   
        ng-checked="item.checked">
        {{ item.name }}   
      </ion-toggle>
    </div>
  </ion-content>
</ion-view>

   $scope.lists= [
                { name: 'List1' },
                { name: 'List2' },
                { name: 'List3' },
            ];

我尝试通过提供 $scope.item.checked='List1' 但没有奏效。此问题的任何可能解决方案..

【问题讨论】：

标签： javascript angularjs ionic-framework ion-toggle

【解决方案1】：

默认情况下，各个型号的切换开关始终处于开启状态：

<ion-toggle item-right (ionChange)="someMethod($event.checked)" checked="{{somebooleanmodel}}"></ion-toggle>

【讨论】：

只关注检查属性

【解决方案2】：

无论型号如何，默认情况下切换开关始终处于开启状态，请设置：

<ion-toggle ng-checked="true" ng-model="someModel">
  {{expression}}   
</ion-toggle>

【讨论】：

【解决方案3】：

在您的标记中，重复中的item 是lists 数组中的对象。

试试这个。用这个对象替换$scope.lists。

$scope.lists = [
    { name: "List1", checked: false },
    { name: "List2", checked: true },
    { name: "List3", checked: false }
  ];

希望对你有帮助。

【讨论】：