5

以下は、最初のトグル ボタンをオンにし、残りをオフに設定するトグル ボタンを一覧表示するコードです。

<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'を指定してみましたが、うまくいきませんでした。この問題の可能な解決策..

4

3 に答える 3

4

各モデルのデフォルトでトグルを常にオンにするには:

<ion-toggle item-right (ionChange)="someMethod($event.checked)" checked="{{somebooleanmodel}}"></ion-toggle>
于 2018-09-11T05:38:28.437 に答える
3

マークアップでは、繰り返しのは配列item内のオブジェクトです。lists

これを試して。$scope.listsをこのオブジェクトに置き換えます。

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

それが役に立てば幸い。

于 2016-05-31T13:09:52.890 に答える