如何使用javascript或angularjs從嵌套的json結構顯示名稱值？

Question

我想從我的嵌套json結構在我的html頁面上顯示「name」值，但我無法得到確切的結果，我希望在我的ng-repeat中缺少一些它的語法。請讓我知道我做錯了在我的表中使用javascript或angularjs顯示「name」值？我創建了Plnkr。提前致謝。

app.js：

var app = angular.module('plunker', []); 

app.controller('MainCtrl', function($scope, $http) { 

$http.get("test.json").success(function (response) { 
$scope.values = response.test; 
console.log(JSON.stringify(response.test));//giving my json data 
}); 
}); 

HTML：

<table> 
    <tr> 
     <th>Name</th> 
    </tr> 
    <tr ng-repeat="item in values"> 
     <!--<td>{{ item.name }}</td>--> 
     <td>{{ item.Testing[0].testval[0].name }}</td> 
    </tr> 
    </table> 

JSON：

{ 
    "test": [{ 
     "Testing": { 
      "testval": { 
       "name": "first name" 
      } 

     } 
    }, { 
     "Testing": { 
      "testval": { 
       "name": "second name" 
      } 
     } 
    }] 

} 

Answer 1

name屬性可以是經由通過使用.（點）的對象遍歷直接訪問。您不需要使用[0]，因爲它不是數組。

<td>{{ item.Testing.testval.name }}</td> 

Plunkr