【问题标题】:Angular display nested json value角度显示嵌套的json值
【发布时间】:2015-08-25 20:51:12
【问题描述】:

这是我的数据:

{
  "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>

我的问题是,如何显示嵌套在 Fields 字段中的 Value 字段?

我期待:

  • 日期:2015 年 9 月 22 日
  • 比率:10%
  • 说明:截至上述日期为止,此价格有效。

【问题讨论】:

    标签: javascript json angularjs


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

    【讨论】:

    • 谢谢 Dave M。我正试图弄清楚为什么我的 cms 会吐出那个 guid,但你的解决方案是正确的!
    猜你喜欢
    • 2019-08-16
    • 2018-10-26
    • 1970-01-01
    • 2017-06-27
    • 2019-08-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多