如何从Angular中的节点返回的对象数组中访问元素？

Question

我在$http.get请求中收到了一个对象数组。我做了以下内容：

$http.get("/showdata").then(function (response) { 
    var thedata = response.data.category; 
    console.log(thedata); 
    $scope.alldata = response.data; 
    if (thedata === "school") { 
     $scope.category = "SchoolBC"; 
    } else { 
     $scope.category = "Not School"; 
    } 
}); 

我怎么能在响应检查一番，并设置相应的$scope？

我得到的回报是：

[ 
    { 
     id: "123456", 
     category: "school", 
     title: "first test" 
    }, 
    { 
     id: "789012", 
     category: "home", 
     title: "second test"   
    } 
] 

在前端，我有：

<ul ng-repeat = "mydata in alldata"> 
    <li>{{mydata.title}}<p>{{category}}</p></li> 
</ul> 

Answer 1

更新基础上的意见和你的问题的编辑答案。根据条件通过在阵列和覆盖对象属性对象循环：

var app = angular.module("app", []); 
 
app.controller("ctrl", function($scope) { 
 
    var thedata = [ 
 
    { 
 
     id: "123456", 
 
     category: "school", 
 
     title: "first test" 
 
    }, 
 
    { 
 
     id: "789012", 
 
     category: "home", 
 
     title: "second test"   
 
    }, 
 
    { 
 
     id: "789012", 
 
     category: ['home', 'school', 'primary', 'pre-primary', 'test', 'test1', 'test2' ], 
 
     title: "third test"   
 
    } 
 
]; 
 

 
    function overrideObjectValue(data) { 
 
      
 
     angular.forEach(data , function(value, key){ 
 
      
 
      if(typeof value.category === 'object') { 
 
       
 
       if ($.inArray('school', value.category)) { 
 
        data[key].category = "SchoolBC"; 
 
       } else { 
 
        data[key].category = "Not School"; 
 
       } 
 
        
 
      } else { 
 

 
       if (value.category === "school") { 
 
        data[key].category = "SchoolBC"; 
 
       } else { 
 
        data[key].category = "Not School"; 
 
       } 
 

 
      } 
 
     }); 
 
     return data; 
 
    } 
 
    
 
    $scope.alldata = overrideObjectValue(thedata); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 

 
<div ng-app="app" ng-controller="ctrl"> 
 
    <ul ng-repeat = "mydata in alldata"> 
 
    <li>{{mydata.title}}<p>{{mydata.category}}</p></li> 
 
    </ul> 
 
</div>