從角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}}應用程序崩潰：

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}} 

航行安全的變體（即貓王運營商）僅適用於不.[]訪問運營商。