Question

如何在角度js中使用foreach语句？我当前的数据是以json格式打印出来的。我想把它打印出来。

HTML

<p>{{controller.greeting.custinfo}}</p>

 //attempt
<p ng-repeat= >{{controller.greeting.custinfo}}</p>

在UI上输出

{"id":null,"biling_address":"null","billing_state":"FL","ip_Addresses":["123:111:2101","","NULL"],name":"jimmmy"}

java输出

System.out.println(custinfo);
demo.model.cert@ba1983a

如何使用foreach语句在新行中显示数据？而不是json格式。

我知道如何用百里香叶做这个，例如下面的

<table th:each="custinfo : ${custinfo}">

  <tr>
        <td ng-show="id" class="padded">id:</td>
        <td ng-show="id" th:text="${custinfo.id}" class="padded"></td>
  </tr>
  //continue down

Answer 1

通过它循环：

.header { ... }
.news-item { ... }
.footer { ... }

/**
 * ...
 *
 * bla bla, imagine a huge amount of styles here
 *
 * ...
 */

/** All style tweaks for screens < 1024px */
@media screen and (max-width: 1024px) {
  .header { ... }
  .news-item { ... }
}

Answer 2

要使用AngularJS显示列表，您需要一个要迭代的数组。

假设您有客户列表

$scope.customers = [{id:1, name:'customer1'}, .....];

你会这样做

 <ul>
<li ng-repeat="custInfo in customers">{{custInfo.name}}       </li>
</ul>

Answer 3

试试这个：

＆＃13;

<p ng-repeat="(key, value) in yourObj">{{yourObj[key]}}</p>

＆＃13;

如果我明白你想做什么。

Answer 4

AngularJS可以使用ng-repeat迭代对象。

$scope.data = {"id":null,"biling_address":"null","billing_state":"FL","ip_Addresses":["123:111:2101","","NULL"],"name":"jimmmy"};

<table>
  <tr ng-repeat="(key, value) in data">
    <td>{{key}}</td>
    <td class="padded">{{value}}</td>
  </tr>
</table>

您的数据示例： https://jsfiddle.net/fn8rqjz2/1/

如果您想根据id显示或隐藏元素：

<tr ng-show="data.id" ng-repeat="(key, value) in data">

如何在HTML上使用带有AngularJS的foreach

4 个答案: