如何使用javascript或angularjs从嵌套的json结构中显示名称值?

时间:2016-08-17 06:58:18

标签: javascript angularjs json

我想要显示" name"我的嵌套json结构在我的html页面上的值,但我无法准确得到,我希望我在ng-repeat中遗漏了一些语法。请让我知道我做错了什么来显示" name"我的表中使用javascript或angularjs的值?我创建了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"
            }
        }
    }]

}

1 个答案:

答案 0 :(得分:3)

apply plugin: 'com.android.application' android { compileSdkVersion 23 buildToolsVersion "24.0.1" defaultConfig { applicationId "com.example.roam12.demo" minSdkVersion 15 targetSdkVersion 23 versionCode 1 versionName "1.0" } buildTypes { release { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } } } 属性可以通过使用name(点)遍历对象来直接访问。您不需要使用.,因为它不是数组。

[0]

Plunkr