Javascript 角度显示嵌套json值_Javascript_Json_Angularjs

Javascript 角度显示嵌套json值

javascript json angularjs

Javascript 角度显示嵌套json值,javascript,json,angularjs,Javascript,Json,Angularjs,以下是我的数据： { "statusCode": 200, "result": { "items": [ { "Name": "date", "Fields": { "{3C3170EE-E6D5-4075-A864-8AB86D1E8E98}": { "Name": "Promo Content", "Value": "September 22, 2015"

以下是我的数据：

{
  "statusCode": 200,
  "result": {
    "items": [
      {
        "Name": "date",
        "Fields": {
          "{3C3170EE-E6D5-4075-A864-8AB86D1E8E98}": {
            "Name": "Promo Content",
            "Value": "September 22, 2015"
          }
        }
      },
      {
        "Name": "rate",
        "Fields": {
          "{3C3170EE-E6D5-4075-A864-8AB86D1E8E98}": {
            "Name": "Promo Content",
            "Value": "10%"
          }
        }
      },
      {
        "Name": "description",
        "Fields": {
          "{3C3170EE-E6D5-4075-A864-8AB86D1E8E98}": {
            "Name": "Promo Content",
            "Value": "This rate is good as of the date listed above."
          }
        }
      }
    ]
  }
}

这是我的HTML和JS：

<body ng-app="myApp">

<div ng-controller="CallWebApi">
    <ul>
        <li ng-repeat="items in data">
            {{ items.Name }}: {{ items.Fields }}
        </li>
    </ul>
</div>
<script>
angular.module('myApp',[]).controller('CallWebApi', function($scope, $http) {
    // Local version of the data
    $http.get('./test.js').

        success(function (data) {
            $scope.data = data.result.items;
            console.log('success ' + data)
        })
        .error(function(data) {
            console.log('failure ' + data)
        });
});
</script>
</body>




{{items.Name}:{{items.Fields}


angular.module（'myApp'，[]）.controller（'CallWebApi'，function（$scope，$http）{
//数据的本地版本
$http.get（'./test.js'）。
成功（功能（数据）{
$scope.data=data.result.items；
console.log（'success'+数据）
})
.错误（函数（数据）{
console.log（'failure'+数据）
});
});

我的问题是，如何显示字段中嵌套的值字段

我期待着：

日期：2015年9月22日
税率：10%
说明：截至上述日期，该费率有效



{{item.Name}:{{item.Fields[{3C3170EE-E6D5-4075-A864-8AB86D1E8E98}].Value}

谢谢你，Dave M。我正试图弄清楚为什么我的cms会显示这个guid，但你的解决方案是正确的！

<ul>
  <li ng-repeat="item in data">
    {{ item.Name }}: {{ item.Fields["{3C3170EE-E6D5-4075-A864-8AB86D1E8E98}"].Value }}
  </li>
</ul>