Ion-list swipe not working inside started app


#1

Trying to use the ion-list inside the started tab application.

  • The list appears with all the items however I cannot get it to swipe to reveal the items below:
    Page HTML:

      <ion-view title="Exercises">
            <ion-content class="padding">
          <h1>List of exercises</h1>
      
            <ion-list>
      
              <ion-item ng-repeat="item in items" 
                        item="item"
                        >
                Item {{ item.id }}
      
                <ion-option-button class="button-assertive"
                                   ng-click="edit(item)">
                  Edit
                </ion-option-button>
                <ion-option-button class="button-calm"
                                   ng-click="share(item)">
                  Share
                </ion-option-button>
      
              </ion-item>
      
            </ion-list>
      
        </ion-content>
      </ion-view>
      
      
      CONTROLLER:
      
      
      angular.module('starter.controllers', [])
      
      .controller('ExerciseCtrl', function($scope) {
      })
      .controller('ExerciseStartCtrl', function($scope) {
        //Swipable buttons don't work.
       $scope.data = {
          showDelete: false
        };
      
        $scope.edit = function(item) {
          alert('Edit Item: ' + item.id);
        };
        $scope.share = function(item) {
          alert('Share Item: ' + item.id);
        };
      
        $scope.moveItem = function(item, fromIndex, toIndex) {
          $scope.items.splice(fromIndex, 1);
          $scope.items.splice(toIndex, 0, item);
        };
      
        $scope.onItemDelete = function(item) {
          $scope.items.splice($scope.items.indexOf(item), 1);
        };
      
        $scope.items = [
          { id: 0 },
          { id: 1 },
          { id: 2 },
          { id: 3 },
          { id: 4 },
          { id: 5 },
          { id: 6 },
          { id: 7 },
          { id: 8 },
          { id: 9 },
          { id: 10 },
          { id: 11 },
          { id: 12 },
          { id: 13 },
          { id: 14 },
          { id: 15 },
          { id: 16 },
          { id: 17 },
          { id: 18 },
          { id: 19 },
          { id: 20 },
          { id: 21 },
          { id: 22 },
          { id: 23 },
          { id: 24 },
          { id: 25 },
          { id: 26 },
          { id: 27 },
          { id: 28 },
          { id: 29 },
          { id: 30 },
          { id: 31 },
          { id: 32 },
          { id: 33 },
          { id: 34 },
          { id: 35 },
          { id: 36 },
          { id: 37 },
          { id: 38 },
          { id: 39 },
          { id: 40 },
          { id: 41 },
          { id: 42 },
          { id: 43 },
          { id: 44 },
          { id: 45 },
          { id: 46 },
          { id: 47 },
          { id: 48 },
          { id: 49 },
          { id: 50 }
        ];
      })
      
      .
      .
      .
      
      
      ;