How to display name values from nested json structure either using javascript or angularjs?
<p>I wanted to display "<code>name</code>" values on my html page from my nested json structure, but I am unable to get exactly, I hope I am missing some syntax of it in my <code>ng-repeat</code>. Please let me know what I am doing wrong to display the "<code>name</code>" values in my table using javascript or angularjs ? I have created <a href="https://plnkr.co/edit/mR9fOSrW52rAtQYkyogo?p=preview" rel="nofollow">Plnkr</a>. Thanks in advance.</p>

<p>app.js:</p>

<pre><code>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
});
});
</code></pre>

<p>html: </p>

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

<p>json:</p>

<pre><code>{
    "test": [{
        "Testing": {
            "testval": {
                "name": "first name"
            }

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

}
</code></pre>