Question

我想从json响应中提取几个参数，但不知怎的，我无法填充它。我正在使用角度js和第三方api。这是我的API结果。我只是想显示＆＃34; [{＆＃34;严重性＆＃34;：{＆＃34;标签＆＃34;：＆＃34;严重＆＃34;}，＆＃34;标签＆＃34;：＆＃34; Skin Rash＆＃34;}]＆＃34;整个阵列。我需要在列表视图中填充html。

＆＃34;过敏有一种或多种反应。每个反应都有严重性。 label严重是Severity对象中的一个键。标签Skin Rash在反应对象中。过敏对象有它自己的标签字段。＆＃34;

{＆＃34;反应＆＃34;：[{＆＃34;严重性＆＃34; {＆＃34;标签＆＃34;：＆＃34;重度＆＃34;}＆＃34;标签＆＃ 34;：＆＃34; Skin Rash＆＃34;}]，＆＃34; audit＆＃34;：{＆＃34; source＆＃34;：＆＃34; medicalare＆＃34;，＆＃34; createDate＆＃34 ;：＆＃34; 2015-03-02T18：39：23Z＆＃34;＆＃34; updateDate＆＃34;：＆＃34; 2015-03-02T18：39：23Z＆＃34;＆＃34;＆版本＃34;：＆＃34; 1＆＃34;}，＆＃34;标签＆＃34;：＆＃34;其他 - IODINE＆＃34;，＆＃34;结束＆＃34;：＆＃34; 2007-10 -28T00：00：00-04：00＆＃34;＆＃34;开始＆＃34;：＆＃34; 1993-01-01T00：00：00-05：00＆＃34;＆＃34;日期＆＃ 34;：＆＃34; 2015-03-02T18：37：42Z＆＃34;}

Answer 1

使用ng-repeat：

不确定您在寻找什么，但这是一个例子：

修改

var app = angular.module("myApp", []);

app.controller("MyCtrl", function($scope){

var obj = {"reactions":[{
"severity":{"label":"Severe"},
"label":"Skin Rash"}],
"audit":{"source":"medicare","createDate":"2015-03-02T18:39:23Z",
"updateDate":"2015-03-02T18:39:23Z","version":"1"},
"label":"Other - IODINE","ended":"2007-10-28T00:00:00-04:00",
"started":"1993-01-01T00:00:00-05:00",
"date":"2015-03-02T18:37:42Z"}

  $scope.reactions = obj.reactions;

});

在index.html中;你可以做以下

<body ng-controller="MyCtrl">
    <table class="table table-bordered">
      <thead>
        <th>Severity label</th>
        <th>Just Label</th>
      </thead>
      <tbody>
        <tr ng-repeat="item in reactions">
          <td>{{item.severity.label}}</td>
          <td>{{item.label}}</td>
        </tr>
      </tbody>
    </table>
  </body>

以下是Plunk：http://plnkr.co/edit/sgJ9RvtUYl6DkUDXPCc6?p=preview

Answer 2

这应该有效！

<强> HTML

<div ng-controller="ctrl">
    <div ng-repeat="item in data.reactions">
        {{item.label}}
    </div>
</div>

<强> JAVASCRIPT

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

myApp.controller('ctrl', function ($scope) {
$scope.data = {
    "reactions":[
        {
            "severity":
            {
                "label":"Severe"
            },
            "label":"Skin Rash"
        }
    ],
    "audit":
    {
        "source":"medicare",
        "createDate":"2015-03-02T18:39:23Z",
        "updateDate":"2015-03-02T18:39:23Z",
        "version":"1"
    },
    "label":"Other - IODINE",
    "ended":"2007-10-28T00:00:00-04:00",
    "started":"1993-01-01T00:00:00-05:00",
    "date":"2015-03-02T18:37:42Z"
};
});

Answer 3

您可以尝试：

<ul ng-repeat="item in data.reactions">
  {{item.label}}
</ul>

无法使用角度js在li标签中显示json数组

3 个答案: