Ionic Abrufen von JSON-Daten

Question

Ich habe die folgenden JSON und ich habe Probleme beim Abrufen der Daten und Anzeigen in IONIC. Kann mir jemand eine Anleitung geben?

JSON

mynews_JsonCallBack({ 
"items":[ 
{"headline":"Cat", 
"link":"http://www.mynews.com/1", 
"description":"Yellow cat", 
"pubdate":"Fri, 10 Jun 2016 06:00:19", 
"image":"http://www.mynews.com/1.jpg"}, 
{"headline":"Dog", 
"link":"http://www.mynews.com/2", 
"description":"Blue dog", 
"pubdate":"Fri, 10 Jun 2016 06:00:19", 
"image":"http://www.mynews.com/2.jpg"} 
]}); 

-Controller

.controller('NewsCtrl', function($http, $scope) { 
    $scope.news = []; 
    $http.get('https://www.mynews.com/.json') 
    .success(function(response) { 
     $scope.news.push = response.headline; 
    }); 
}) 

Answer 1

versuchen, diese

<ion list> 
    <ion item ng-repeat = "title in news"> 
    {{title}} 
    </ion item> 
</ion list> 

in Ihrem Controller

.controller('NewsCtrl', function($http, $scope) { 
$scope.news = []; 
    $http.get('https://www.mynews.com/.json') 
    .success(function(response) { 
     $scope.res = response.item; 
     $scope.res.forEach(function(item) { 
      $scope.news.push(item.headline); 
     }); 
     console.log($scope.news); 
    }) 
    .error(function(response){ 
    console.log(response); 
    }); 

}); 

Answer 2

Versuchen Sie, diese

$scope.news = []; 

.controller('NewsCtrl', function($http, $scope) { 

    $http.get('https://www.mynews.com/.json') 
    .success(function(response) { 
     $scope.res = response.items[0]; 
      $scope.news.push($scope.res); 
     }) 
    }); 
}) 

<ion-list> 
    <ion-item ng-repeat="item in news"> 
    {{item.headline}}! 
    </ion-item> 
</ion-list>