Set default toggle to be checked in ion-toggle

javascript angularjs ionic-framework ion-toggle
forgottofly picture forgottofly · May 31, 2016 · Viewed 11.1k times · Source

Below is the code to list toggle buttons in which I want to set the first toggle button to be on and the rest off..

<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' },
            ];

I tried by giving $scope.item.checked='List1' but didn't work.Any possible solutions for this issue..

Answer

Uzer Pathan picture Uzer Pathan · Sep 11, 2018

For the toggle to be always ON by default respective of the model:

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

Related questions

AngularJS ng-click to go to another page (with Ionic framework)

Ideally, when I click on the button (which is in the Ionic navbar at the top), it should bring me to another page. However its not working. Upon click, the nav bar buttons all disappears. When I used dummy codes, …

Read More
firebase.database is not a function

I am trying to upgrade from earlier firebase version to the latest in my ionic project. I followed this tutorial for upgrade. In step 4 from this page I am stuck on the last statement firebase.database().ref();. Error message TypeError: …

Read More
How to set default value in ng-options

I can set a dropdown list with default value in angularjs as, <select name="repeatSelect" id="repeatSelect" ng-model="repeatSelect" ng-init=" repeatSelect = data[0].id"> <option ng-repeat="option in data" value="{{option.id}}">{{option.name}}</option> &…

Read More