Ng-repeat not working in Ionic V1


I’m trying to display the data from my json file using ng-repeat but it’s not working.

Below is my template code:

          <div ng-hide="hidden" data-ng-repeat="person in persons">
            <div class="item item-thumbnail-left">                           
            <img src="img/ionic.png">
            <div style="float: left;">
            <h2 class="listCss">{{}}</h2>
            <div style="float: right;padding-top: 20px;padding-right: 20px;">
            <i class="icon ion-close-circled addConnection" style="font-size:40px;padding-right: 10px;" ng-click="hidden=!hidden"></i>
            <i class="icon ion-person-add addConnection" style="font-size: 40px;" ng-click="addFriend()"></i>
            <hr style="clear: both;top: 26px;position: relative;">              

This is my js code

console.log(“addFriend tab”);

  window.alert("Request Sent");

var StudentDataOp = {};
return $http.get(“js/data.json”).
then(function(response){ console.log(; return;})

    return StudentDataOp;


And below is my json file content