Question

我正在尝试使用ng repeat来获取数组中的值

＆＃xA;＆＃xA;

这里是我的html

＆＃xA;＆＃xA;

 < code>＆lt; ion-list ng-repeat =“locationresult中的项目”＆gt;＆＃xA; ＆lt; ion-item＆gt;＆＃xA; ＆lt; ion-checkbox ng-repeat =“item.loc [$ index]中的innerItem”＆gt;＆＃xA; ＆LT; H2＆GT; {{innerItem.name}}＆LT; / H2＆GT;＆＃XA; ＆lt; p＆gt;收入：1334 vs Expences：3742＆lt; / p＆gt;＆＃xA; ＆LT; /离子复选框＆GT;＆＃XA;＆＃XA; ＆LT; /离子项＆GT;＆＃XA; ＆lt; / ion-list＆gt;＆＃xA;

＆＃xA;＆＃xA;

这是我的控制器

＆＃xA;＆＃xA;

 < code> angular.module（'starter'）。controller（'locationCtrl'，function（$ scope，$ state，userlog，$ http，$ timeout）{＆＃xA;＆＃xA; $ scope.init = function（） {＆＃xA; $ timeout（function（）{＆＃xA; alert（userlog.email）;＆＃xA; document.getElementById（“locresult”）。textContent =“”;＆＃xA;＆＃xA; var request = $ http（{＆＃xA; method：“post”，＆＃xA; url：“http://expensetracker.linkwebz.com/Home/locationsearch",
 data：{＆＃xA; email ：userlog.email，＆＃xA;}，＆＃xA;标题：{'Content-Type'：'application / x-www-form-urlencoded'}＆＃xA;}）;＆＃xA;＆＃xA ; / *检查HTTP请求是否成功。* /＆＃xA; request.success（function（data）{＆＃xA; console.log（data）;＆＃xA;＆＃xA; $ scope。 locationresult = data;＆＃xA;＆＃xA;}）;＆＃xA; }）;＆＃XA; };＆＃XA; }＆;＆＃xA;

＆＃xA;＆＃xA;

这里是我的数据对象

＆＃xA;＆＃xA;

 对象{loc：Array [3]}＆＃xA;＆＃xA; object＆＃xA; loc：Array [3]＆＃xA; 0：对象＆＃XA; iduhlocation： “1” ＆＃XA; location_idlocation： “1” ＆＃XA;名称： “标记” ＆＃XA; user_iduser：“177”＆＃xA; _proto_：Object＆＃xA; 1：对象＆＃XA; 2：对象＆＃XA;长度：3＆＃XA; _proto_：Array [0]＆＃xA; _proto_：Object＆＃xA;

＆＃xA;＆＃xA;

我试图重复数据如上面提到的html它不工作我如何迭代通过数组并显示html中的所有数据都有想法吗？

＆＃xA;

Answer 1

如果您的数据显示为：

，则只能使用一个ng-repeat

<ion-list ng-repeat="item in locationresult['loc']">
     <ion-item >
           <ion-checkbox>
               <h2>{{item.name}}</h2>
               <p>Income:1334 vs Expences:3742</p>
           </ion-checkbox>
     </ion-item>
</ion-list>

使用ng Repeat从数组对象中的数组中获取值

1 个答案: