Hey, I am a mobile dev and recently started to Iearn Ionic framework and currently have a problem in my code that I don’t understand.
I tried to create a list of toggles based on http://codepen.io/ionic/pen/tfAzj
However I noticed a strange bug. When I simplify the code to this state than the toggle sometimes disappear.
<ion-view view-title="XXX" name="dashboard-view">
<ion-content >
<div class="list">
<ion-toggle ng-repeat="item in settingsList"
ng-model="item.checked"
ng-checked="item.checked">
{{ item.text }}
</ion-toggle>
</div>
</ion-content>
</ion-view>
It disappear when I toggle on 2 items (first toggle on the lower one than the higher one). I should also note than it only disappear on a mobile device. The browser version is fine.
Pictures http://imgur.com/83lLMJZ,PEBBduE#1
However when I change the code to
<div class="list">
<ion-toggle ng-repeat="item in settingsList"
ng-model="item.checked"
ng-checked="item.checked">
{{ item.text }}
</ion-toggle>
<div class="item">
<pre ng-bind="settingsList | json"></pre>
</div>
</div>
the disappearing will stop. Why? I would be greatful for some insight into this.