javascript - Angularjs 显示 ajax 响应

Question

基本上我的 Angular 代码是这样的

    var myapp = angular.module("Demo",["ngRoute"])
            .config(function($routeProvider){
                $routeProvider                                                      
                    .when("/students",{
                        templateUrl : "templates/students.html",
                        controller : "grouplistcontroller"
                    })
            })              
            .controller("grouplistcontroller", function($scope,$http){                      
                $http.get("ajaxfunction.php?action=getlist")
                    .then(function(res) {   
                        var obj = JSON.stringify(res);
                        console.log(obj);
                        $scope.students = obj.data;
                    });                     
            });

从服务器传来的json数据是这样的

"data":[
{
"sub_id":"1199",
"sub_group":"GT"
},
{
"sub_id":"727",
"sub_group":"GT"
},
{
"sub_id":"660",
"sub_group":"GT"
},
{
"sub_id":"614",
"sub_group":"GT"
}
],
"status":200,
"config":{
"method":"GET",
"transformRequest":[
null
],
"transformResponse":[
null
],
"url":"ajaxfunction.php?action=getlist",
"headers":{
"Accept":"application/json, text/plain, */*"
}
},
"statusText":"OK"

我试图在我的前端显示结果的循环，但它不起作用

<ul>
   <li ng-repeat="student in students">
        {{ student.sub_id }}
   </li>
</ul>

Answer 1

您好，您不必转换 JSON.stringify(obj)，只需用作对象...使用下面的 Controller

.controller("grouplistcontroller", function($scope,$http){                      
                $http.get("ajaxfunction.php?action=getlist")
                    .then(function(res) {   


                        $scope.students = res.data;
                    });                     
            });