Ion-checkbox/toggle not working properly

ionic-v1
1

I have something very frustrating here

I am using those attr in order to checked/unchecked some items

      <ion-checkbox
           ng-change="toggleSportSelection(sport)"
           href="{{:: menuItem.link}}"
           ng-model="sport.checked"
           ng-show="sport.leagues.length"
           ng-repeat="sport in sportsFilter = (sports | filter:query)">
          {{sport.name}}
      </ion-checkbox>

the way you see above, you can click on the checkbox and NOTHING happens, you must refresh the page in order to see the changes, the same with ion-toggle, by “NOTHING happens” I mean: you click and you don’t see anything going on and the model doesn’t update. In order to see something happening, you must remove the ng-change or ng-click, but obviously I don’t want that, I need those attr in order to call the function which save the changes in the DB.

So, what should I do here ?

2

Can you put together a simple codepen demo?