如何使用angularjs从这个$ scope获取值?

时间:2016-02-06 09:04:10

标签: javascript angularjs

我在这样的控制台中获得selecteditems

[{"model":"Lumia","brand":"Nokia","subModel":["Lumia 735 TS","Lumia 510"],"city":"Bangalore"}] 

我寄存在$ scope.details中     var selecteditems = $ location.search()。items;         $ scope.details = [{“model”:“Lumia”,“brand”:“Nokia”,“subModel”:[“Lumia 735 TS”,“Lumia 510”],“city”:“Bangalore”}] < / p>

如何在上面的变量

中获得模型和品牌以及subModel城市

我的期望:

我这样说但是我没有得到价值

console.log($scope.details.model);

我应该得到Lumia

console.log($scope.details.brand);

我应该得到诺基亚

console.log($scope.details.subModel);

我应该得到“Lumia 735 TS”,“Lumia 510”

5 个答案:

答案 0 :(得分:1)

您正在查询错误的值。

您有2个选项,可以更改数据格式或正确查询数据。

第一种方法 - &gt;更改数据格式

$scope.details ={"model":"Lumia","brand":"Nokia","subModel":["Lumia 735 TS","Lumia 510"],"city":"Bangalore"}

这将允许您获取

之类的值
 $scope.details.model

第二种方法,如果您不想更改数据格式,那么:

$scope.details =[{"model":"Lumia","brand":"Nokia","subModel":["Lumia 735 TS","Lumia 510"],"city":"Bangalore"}]

如果你这样做,你将获得值

console.log($scope.details[0].model) // value: Lumia.

您的数据是一个数组,因此您必须先传递index才能检索JSON数据。

答案 1 :(得分:0)

由于$scope.details是一个数组,因此您必须使用index来访问包含您要访问的所有属性的对象。

$scope.details[0].model
$scope.details[0].brand;
$scope.details[0].subModel;

这意味着您正在访问数组中的第一个对象,然后访问该对象的属性模型。

答案 2 :(得分:0)

在这里,您尝试使用对象的键获取值。但实际上$scope.details这里是一个对象数组。使用此:

$scope.details[0].model;
$scope.details[0].brand;
$scope.details[0].subModel;

您可以轻松获取这些值。

答案 3 :(得分:0)

试试这个

angular.forEach($scope.details, function(value,key){
   console.log(value.model);
   console.log(value.brand);
   console.log(value.subModel);
})

答案 4 :(得分:0)

您的数据如下所示

$scope.details =[
  {
    "model":"Lumia",
    "brand":"Nokia",
    "subModel":["Lumia 735 TS","Lumia 510"],
    "city":"Bangalore"
  },
  {
    "model":"Galaxy",
    "brand":"Samsung",
    "subModel":["Galaxy S1","Galaxy S2", "Galaxy S3"],
    "city":"Bangalore"
  }
];

所以你可以做点什么

$scope.details.forEach(function(item){
  console.log('Model: ', item.model);
  console.log('Brand: ', item.brand);
  console.log('subModel: ', item.subModel);
  console.log('city: ', item.city);
});