从角度为2

时间:2016-03-08 14:44:37

标签: javascript arrays json angular

我正在尝试做一些基本的事情。我有json文件pageDefinition.json,它被加载到我的组件中。这就是json的样子:

...
"testArray": [
    {"id": 0, "name": "row1"},
    {"id": 1, "name": "row2"},
    {"id": 2, "name": "row3"}
  ],
...

当我使用{{pageDefinition?.testArray | json}}打印所有数组时,它可以正常工作。但我想从数组中只获得一个带索引的项目。如果我尝试获取第一个元素:{{pageDefinition?.testArray[0] | json}}应用程序崩溃,异常:

EXCEPTION: TypeError: Cannot read property '0' of null in [

  {{pageDefinition?.testArray[0] | json}}

   in ExampleFile@10:8]

我在哪里弄错了?

1 个答案:

答案 0 :(得分:2)

我认为你需要使用这个更长的版本

{{pageDefinition?.testArray ? pageDefinition.testArray[0] : null | json}}

安全导航变体(即Elvis运算符)仅适用于.而不适用于[]访问者运营商。