Trouble to fetch data from an object in Ionic Framework

I have an angular controller which returns an object from which I need to show data using ng-repeat in ionic framwork. But I am facing issues while doing so. Below is my controller.js file.

.controller('CardCtrl', function($scope) {

var Cards = Parse.Object.extend("cards");
var User = Parse.Object.extend("User");
var query = new Parse.Query(Cards);
query.equalTo("mobile", XXXXXXXXX);
query.equalTo("status", true);
query.find({

  success: function(results) {
       $(".success").show();


  for (var i = 0; i < results.length; i++) { 
      var object = results[i];
      var id = object.id;
      var expiry = object.get('cardExpiry').toString();
      var number = object.get('cardNumber').toString();


        //checks for card type          
        if(number.substr(0,1) === '4')
        {
          var cardType = 'Visa';
        }
       else if(number.substr(0,1) === '5')
       {
        var cardType = 'Master';
       }
      $scope.cards = object;
      console.log($scope.cards);
    }

      },
      error: function(model, error) {
        $(".error").show();
      }
    });

This is my code for ionic.

<div class="card">
<ion-list>
  <ion-item ng-repeat="card in cards" href="#/app/cards/{{card.id}}">
  {{card.cardExpiry}}
  </ion-item>
</ion-list>
</div>

I am attaching the screenshot(http://i.imgur.com/08mYVlO.png) of the page I am getting. Those blank lists are coming because of the elements in the object (http://i.imgur.com/Hwzigya.png) I suppose.

Again, the values I am fetching is repeating. It should be 102017 and 102018 respectively nut 102018 twice. Where am I going wrong?