如何在angular js视图中写入dataJsonArray值

时间:2018-06-28 06:28:30

标签: angular

我有一个JSON数组

$scope.dataObj={
  "dataElementCode": dataelementCode,
  "indicator": indicator,
  "categoryoptioncombo": categoryoptioncombo,
  "attributeoptioncombo": attributeoptioncombo,
  "value": value,
  "catId": catId,
  "orgGroup": orgGroup,
  "period": period,
  "storedBy": $scope.me,
  "lastUpdated": $scope.today
};

给出这样的输出:

0:
{
  dataElementCode: "NEW-1121120000000",
  indicator: "AaMkKZ4cy0D",
  categoryoptioncombo: "mYU1cpPLbA3",
  attributeoptioncombo: "X66r2y4EuwS",
  value: 14,
  …
}
1:
{
  dataElementCode: "NEW-1121120000000",
  indicator: "paKH35SUxZ8",
  categoryoptioncombo: "BpkvMcVXQgy",
  attributeoptioncombo: "X66r2y4EuwS",
  value: 0,
  …
}

我必须在角度视图中打印这些值。怎么可能。

2 个答案:

答案 0 :(得分:0)

使用ng-repeat并显示所需的值,例如

在控制器中,如果数组类似于:

$scope.r_array = [{dataElementCode: "NEW-1121120000000", indicator: "AaMkKZ4cy0D", categoryoptioncombo: "mYU1cpPLbA3", attributeoptioncombo: "X66r2y4EuwS", value: 14, …},{dataElementCode: "NEW-1121120000000", indicator: "paKH35SUxZ8", categoryoptioncombo: "BpkvMcVXQgy", attributeoptioncombo: "X66r2y4EuwS", value: 0, …}]

然后“必需”视图将类似于

<div ng-repeat="data in r_array">
  <span>Indicator value: {{ data.indicator }}</span>
  <span>Attributeoptioncombo : {{ data.attributeoptioncombo}}</span>
</div>

答案 1 :(得分:0)

我认为您正在寻找这个

  <ul>
    <li ng-repeat="element in array">
      <p>{{element.item1}}</p>
      .
      .
      .          
     <p>{{element.itemN}}</p>
    </li>
  </ul>