如何在范围变量angularjs中获取json数据

Question

这是我的Json数据

"data": {
      "address": {
        "postalCode": "112629",
        "state": "DL",
        "city": "new city",
        "streetAddress": "my street"
      },
     "specialities": [
        {
          "_id": "577692f7",
          "name": "Football",
          "description": "game",
          "__v": 0
        }
      ]
    }

$ scope.test =数据; 我正在通过ng-repeat =“ mytest in test”在html中获取数据，

mytest.address.city // this is working fine
mytest.specialities.name // not printing anything

我在访问专业名称时遇到问题，我认为这是因为专业是一个数组，但不知道如何获取它。

Answer 1

您定义了一个内部只有一个数组的特殊对象

尝试

mytest.specialities[0].name 

更新 ：

另外，您可能要确保数组中至少有一个元素，否则可能会收到TypeError: Cannot read property 'name' of undefined 。

因此，代码如下所示：

mytest.specialities.length > 0 ? mytest.specialities[0].name : '(some default value)';

Answer 2

是的， mytest.specialities是数组。 JSON有两个可能的选项[] -数组， {} -对象。 在这种情况下，我们具有对象数组- [{/ *对象数据* /}]，因此要首先获取对象参数，就应像下面这样转到数组元素（示例在索引0上获取第一个元素）：

mytest.specialities[0].name 

第二个要素：

mytest.specialities[1].name 

每个示例：

<div  ng-repeat="special in mytest.specialities">
    <span>{{special.name}}</span>
</div>

当然，在此之前，将mytest设置为如下范围：

$scope.mytest=mytest;//mytest is your data structure

Answer 3

假设会有很多专业，您应该使用ng-repeat来显示所有专业。

<p ng-repeat="s in mytest.specialities"> {{s.name}} / {{s._id}} / {{s.description}} </p>