web-dev-qa-db-ja.com

2つのアレイでng-repeat

次のように、2つの配列で構成される配列に対してng-repeatを実行したいと思います。

[titles: [], links: []]

私の配列（タイトルとリンク）の長さは同じです。ng-repeatで印刷したいのは、最後に次のようなものです。

{{ array.title }}
{{ array.link }}

たとえば、Cプログラムでは、次のことを行う必要があります。

int i;

i = 0;
while (titles[i])
{
    printf("%s - %s", titles[i], links[i]);
    i++;
}
angularjsangularjs-directiveangularjs-ng-repeatng-repeat
9
Ziad

データがどのようにあるかは明確ではありません— [titles: [], links: []]は意味がありません。

理想的には、次のようなオブジェクトの配列としてデータを配置します。

var array = [{title: "foo", link: "bar"}, {title…etc]

次に、次を使用できます。

<div ng-repeat="obj in array">
   {{obj.title}},  {{obj.link}}

knowの場合、タイトルとリンクは常に同じサイズになりますが、これはあまりきれいではなく、少し壊れやすいかもしれません。

<div ng-repeat="title in titles">
   {{title}}, {{links[$index]}}
</div>
17
Mark Meyer

これは私にとってそれがどのように機能したかです：

<ion-item ng-repeat="name in product.names">
    Buy {{name}} for {{product.prices[$index]}}
</ion-item>

同じサイズのproduct.namesとproduct.pricesの両方がありました

7
vikramaditya234

長さが同じ場合は、2つの配列ではなくオブジェクトにします。

プランカー

<ui ng-repeat="movie in movies">
  <li>{{movie.t}} located in {{movie.l}}</li>
</ui>
2
Chi Row