两个数组上的ng-repeat

Zia*_*iad 9 angularjs angularjs-directive ng-repeat angularjs-ng-repeat

我想对一个由两个数组组成的数组进行ng-repeat,如下所示:

[titles: [], links: []]
Run Code Online (Sandbox Code Playgroud)

我的数组(标题和链接)具有相同的长度我想在我的ng-repeat中打印,最后,是这样的:

{{ array.title }}
{{ array.link }}
Run Code Online (Sandbox Code Playgroud)

例如,在C程序中我必须这样做:

int i;

i = 0;
while (titles[i])
{
    printf("%s - %s", titles[i], links[i]);
    i++;
}
Run Code Online (Sandbox Code Playgroud)

Mar*_*yer 17

目前尚不清楚您的数据如何 - [titles: [], links: []]没有意义.

理想情况下,您可以将数据排列为一组对象,如下所示:

var array = [{title: "foo", link: "bar"}, {title…etc]
Run Code Online (Sandbox Code Playgroud)

然后你可以使用:

<div ng-repeat="obj in array">
   {{obj.title}},  {{obj.link}}
Run Code Online (Sandbox Code Playgroud)

如果你知道那个标题和链接将永远是你可以做到这一点的大小相同,但它不是很漂亮,可能有点脆弱:

<div ng-repeat="title in titles">
   {{title}}, {{links[$index]}}
</div>
Run Code Online (Sandbox Code Playgroud)


vik*_*234 7

这是它对我有用的方式:

<ion-item ng-repeat="name in product.names">
    Buy {{name}} for {{product.prices[$index]}}
</ion-item>
Run Code Online (Sandbox Code Playgroud)

我有product.names和product.prices相同的大小