从角度2的json数组中获取元素[重复]

Question

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

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

当我使用{{pageDefinition?.testArray | json}} 打印所有数组时，它可以工作。但我只想从数组中获取一个带有索引的项目。如果我尝试获取第一个元素：{{pageDefinition?.testArray[0] | json}} app crash with exception：

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

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

   in ExampleFile@10:8]

我在哪里做错了？

Answer 1

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

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

安全导航变体（即 Elvis 运算符）仅适用于 .，不适用于 [] 访问器运算符。