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

时间:2015-10-27 11:16:45

标签: json angularjs list

我有这个列表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"
  }
]

我想检索带角度的用户的名字(nom)我在我的代码中的变量中恢复了这个列表。

3 个答案:

答案 0 :(得分:0)

尝试

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"]
})

答案 1 :(得分:0)

$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中,您可以获得所有名称。 对于此代码,您必须使用角度js

答案 2 :(得分:0)

如果您不想使用角度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);
}