angular.js - ng-repeat の出力を制限するにはどうすればよいですか?
phpcn_u1582
phpcn_u1582 2017-05-15 16:58:29
0
4
827

今、次のような要件に遭遇しました: 配列があります

リーリー

次に出力する必要があります

リーリー

出力に ng-repeat を使用したいのですが、私が思いついた解決策は、まず配列の長さを 10 で割ることです

リーリー

次に、ng-repeat は n ul を出力し、次に ng-repeat で ul 内の 10 項目をそれぞれ出力します。

それでは、ng-repeat はどのようにして NUL を出力できるのでしょうか?

リーリー

各界の専門家に聞いてみましょう!

リーリー

まず、スタイルが製品要件に従って記述されているため、CSS は移動できなくなり、その結果、各行に 10 li が必要になります。
友人の @zchq88 からのリマインダーを見て、@Chobits さんがやったように、すぐに 1 次元配列を 2 次元配列に変換するフィルターを作成しました。
しかし、エラーが報告されました。

リーリー


console.log() は、配列が N 回実行されたことを検出します。
Google では原因も解決策も見つかりませんでした。
私の推測では、配列が分割されると、ガイド データによってダーティ チェックが繰り返されるのではないかと考えられます。
angular.copy を試しましたが、やはり失敗しました。現在、他の解決策を探しています。
またよろしくお願いします!学生たちが他の解決策を考え出すことを楽しみにしています。

リーリー

製品内のアイテムの実際の構造は

であるためです。 リーリー

HTML にフィルターを追加することによって発生するダーティ チェックの繰り返しの問題を回避します。 @Chobits が提供するフィルターに従って、グループはコントローラーでフィルター処理されます

リーリー

その後、ng-repeatで出力すると問題は解決します。

リーリー

監督!みんなありがとう!

phpcn_u1582
phpcn_u1582

全員に返信(4)
黄舟

リーリー


リーリー
リーリー
いいねを押す +0
某草草

http://stackoverflow.com/questions/21644493/how-to-split-the-ng-repeat-data-with-three-columns-using-bootstrap

ただし、列を取得する最も直接的で単純な方法は、CSS 列を使用することです。
はい、これに同意します
複数の列を 1 行に表示するには、CSS を使用して行うことができます。書くのがめんどくさい

いいねを押す +0
某草草

JS を使用して ITEMS を 2 次元配列に変換してみませんか?そして出力は?

いいねを押す +0
仅有的幸福

データをツリー構造に整理するだけです。 。 。

など リーリー

それから二重層リピートを使用します

リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート