Disappearing text in a toggle


#1

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.