Угловой Js ng-repeat не может получить выход из массива json с использованием ajax

Question

Я использую Angular Js с ajax, но с помощью ng-repeat не может получить выход из json-массива. При получении предупреждения об объекте объекта ... так далее, но используя $scope.names= response[0].id;, получая идентификатор «1» в режиме предупреждения. Мне нужно получить все данные в таблице. Есть ли способ получить все данные в таблице, а также я не использую $http в контроллере, потому что он не работает в мобильном браузере, но работает на рабочем столе, я не знаю почему? Пожалуйста, помогите!

JS

var app = angular.module('studentApp',[]); 
app.controller('StudentCntrl', function($scope){ 

$.ajax({ 
    url : '/fetchAllData', 
    type : 'GET', 
    success : function(response){ 
     $scope.names=response; 
     //alert($scope.names);(This is working) 
      } 
    }); 
}); 

JSP

<div ng-app="studentApp" ng-controller="StudentCntrl"> 

     <div class="table-responsive"> 
     <table class="table table-striped"> 
      <thead> 
      <tr> 
       <th>ID</th> 
       <th>NAME</th> 
       <th>EMAIL</th> 
      </tr> 
      </thead> 
      <tbody> 
      <tr ng-repeat="x in names"> 
       <td>{{x.id}}</td> 
       <td>{{x.name}}</td> 
       <td>{{x.email}}</td> 

      </tr> 
      </tbody> 
     </table> 
     </div> 

Json

[{"id":"1","name":"abdul","email":"a@gmail.com"},{"id":"2","name":"pratyush","email":"p@gmail.com"},{"id":"3","name":"ankit","email":"a@gmail.com"},{"id":"45","name":"kjhj","email":"kjhkj"},{"id":null,"name":null,"email":null},{"id":null,"name":null,"email":null},{"id":null,"name":null,"email":null},{"id":"trffs","name":null,"email":null},{"id":"afa","name":"sdgfdsg","email":"dsagdsg"},{"id":"12","name":"pppp","email":"hjk,gh"}] 

Answer 1

При обновлении сферы с вызовом $ АЯКС (вы должны использовать $ HTTP), вы должны использовать $ объем применяются для обновления привязок.

$scope.$apply(function(){ 
    $scope.names = response.data; 
}); 

Answer 2

Вместо AJA х вызова, используйте $http с угловой ниже

var app = angular.module('studentApp', []); 
app.controller('StudentCntrl', function($scope,$http) { 
    $http.get('data.json').then(function (response){ 
        console.log(response.data.pages); 
       $scope.names = response.data; 
     }); 
}); 

Вот рабочая DEMO