使用 angularjs 从 json 列表中检索元素答案

【问题标题】：retrieve an element from a json list with angularjs使用 angularjs 从 json 列表中检索元素
【发布时间】：2015-10-27 11:16:45
【问题描述】：

我有这个 JSON 列表：

[{
    "password" : "ppp",
    "function" : 0,
    "id" : 1,
    "login" : "ness",
    "nom" : "nesrine",
    "mail" : "nes@gmail",
    "tel" : "238555555"
  },
  {
    "password" : "pass",
    "function" : 0,
    "id" : 2,
    "login" : "bilel.troudi",
    "nom" : "bilel",
    "mail" : "bilel.troudi91@gmail",
    "tel" : null
  },
  {
    "password" : "undefined",
    "function" : 1,
    "id" : 4,
    "login" : "undefined",
    "nom" : "ahmed",
    "mail" : "ahmed@gmail.com",
    "tel" : "221474"
  },
  {
    "password" : "khm",
    "function" : 0,
    "id" : 5,
    "login" : "khm",
    "nom" : "khmayes",
    "mail" : "bke@live.fr",
    "tel" : "235684522"
  }
]

我想用 angular 检索用户的名称（名义）我在我的代码中的一个变量中恢复了这个列表。

【问题讨论】：

这里的关键字是Javascript中的Array和Object。熟悉这些数据结构，您将轻松实现您想要做的事情。

标签： json angularjs list

【解决方案1】：

如果你不想使用 Angular js，那么你也可以使用简单的 jquery。

var list = [{"password":"ppp","function":0,"id":1,"login":"ness","nom":"nesrine","mail":"nes@gmail","tel":"238555555"},{"password":"pass","function":0,"id":2,"login":"bilel.troudi","nom":"bilel","mail":"bilel.troudi91@gmail","tel":null},{"password":"undefined","function":1,"id":4,"login":"undefined","nom":"ahmed","mail":"ahmed@gmail.com","tel":"221474"},{"password":"khm","function":0,"id":5,"login":"khm","nom":"khmayes","mail":"bke@live.fr","tel":"235684522"}];
var nameList = [];
for(var i=0;i<list.length;i++){
nameList.push(list[i].nom);
}

【讨论】：

【解决方案2】：

$scope.list =[{"password":"ppp","function":0,"id":1,"login":"ness","nom":"nesrine","mail":"nes@gmail","tel":"238555555"},{"password":"pass","function":0,"id":2,"login":"bilel.troudi","nom":"bilel","mail":"bilel.troudi91@gmail","tel":null},{"password":"undefined","function":1,"id":4,"login":"undefined","nom":"ahmed","mail":"ahmed@gmail.com","tel":"221474"},{"password":"khm","function":0,"id":5,"login":"khm","nom":"khmayes","mail":"bke@live.fr","tel":"235684522"}];
$scope.nameList = [];
angular.forEach($scope.list,function(Obj,val){
$scope.nameList.push(Obj.nom);
});

您可以使用此代码。在$scope.nameList 你可以得到所有的名字。对于此代码，您必须使用 angular js

【讨论】：

我在我的控制器中定义了一个返回 json 这个列表的函数：函数是：@RequestMapping("/allU") public List AllU() { return UtilisateurRepo.findAll();在我的代码 angularjs 我使用这个： $scope.list =$http .get("/allU") 但是当我使用你的代码时，结果是未定义的

【解决方案3】：

试试

function getNames() {
    return $http.get("/allU").then(function(result) {
        return result.data.map(function(item) {
            return item.nom;
        });
    });
}

getNames().then(function(data) {
    $scope.names = data; //$scope.names = ["nesrine", "bilel", "ahmed", "khmayes"]
})

【讨论】：