タグ付けされた質問 「angularjs-ng-repeat」

私のコントローラーには、次のようなデータがあります。 $scope.object = data これで、このデータはのキーと値を含む辞書になりますjson。 object.nameテンプレートで属性にアクセスできます。同様にキーを反復してテーブルに表示する方法はありますか？ <tr><td> {{key}} </td> <td> data.key </td> データはこんな感じ { "id": 2, "project": "wewe2012", "date": "2013-02-26", "description": "ewew", "eet_no": "ewew", }

679 angularjs  angularjs-ng-repeat 

ng-repeat常に配列を反復処理する必要がない代わりに、定義された回数を実行する方法はありますか？ たとえば、以下では、リストアイテムが$scope.number5に等しいと仮定して、リストアイテムを5回表示し、さらに番号をインクリメントして、各リストアイテムが1、2、3、4、5のようにインクリメントするようにします。 望ましい結果： <ul> <li><span>1</span></li> <li><span>2</span></li> <li><span>3</span></li> <li><span>4</span></li> <li><span>5</span></li> </ul>

417 javascript  html  angularjs  angularjs-ng-repeat 

角度で複数のフィールドを同時に使用して並べ替える方法は？例として、グループごと、次にサブグループごとの拳 $scope.divisions = [{'group':1,'sub':1}, {'group':2,'sub':10}, {'group':1,'sub':2},{'group':1,'sub':20},{'group':2,'sub':1}, {'group':2,'sub':11}]; これを次のように表示したかった group：サブグループ 1-1 1-2 1-20 2-1 2-10 2-11 <select ng-model="divs" ng-options="(d.group+' - '+d.sub) for d in divisions | orderBy:'group' | orderBy:'sub'" />

382 javascript  angularjs  sorting  angularjs-ng-repeat  angularjs-orderby 

これは非常に一般的なことだと思いましたが、AngularJSでそれを処理する方法を見つけることができませんでした。イベントのリストがあり、AngularJSでそれらを出力したい場合、それは非常に簡単です。 <ul> <li ng-repeat="event in events">{{event.title}}</li> </ul> しかし、リストが空の場合はどうすればよいですか？リストに「イベントなし」などが表示される場所にメッセージボックスを配置したいのですが。接近するのはng-switchwith events.lengthだけです（配列ではなくオブジェクトのときに空かどうかを確認するにはどうすればよいですか？）。

377 javascript  angularjs  angularjs-ng-repeat  angularjs-ng-show 

したがって、ナビゲーションメニューを作成するために、ng-repeatが別のng-repeat内にネストされています。<li>内部のng-repeatループのそれぞれに、$ indexを渡して必要なものをアプリに通知することにより、そのメニュー項目に関連するコントローラーを呼び出すng-clickを設定しました。ただし、外部のng-repeatから$ indexも渡す必要があるので、アプリはどのセクションにいるか、どのチュートリアルかを認識しています。 <ul ng-repeat="section in sections"> <li class="section_title {{section.active}}" > {{section.name}} </li> <ul> <li class="tutorial_title {{tutorial.active}}" ng-click="loadFromMenu($index)" ng-repeat="tutorial in section.tutorials"> {{tutorial.name}} </li> </ul> </ul> ここにPlunkerがありますhttp://plnkr.co/edit/bJUhI9oGEQIql9tahIJN?p=preview

322 angularjs  angularjs-ng-repeat 

次のようなjsonオブジェクトまたは配列にng-repeatを簡単に使用できることを知っています。 <div ng-repeat="user in users"></div> しかし、どのようにして辞書にng-repeatを使用することができますか？ var users = null; users["182982"] = "{...json-object...}"; users["198784"] = "{...json-object...}"; users["119827"] = "{...json-object...}"; ユーザー辞書でそれを使いたい： <div ng-repeat="user in users"></div> 出来ますか？。はいの場合、AngularJsでどうすればよいですか？ 私の質問の例：C＃では、次のような辞書を定義しています。 Dictionary<key,value> dict = new Dictionary<key,value>(); //and then we can search for values, without knowing the keys foreach(var val in dict.Values) { } c＃のような辞書から値を返す組み込み関数はありますか？

285 angularjs  json  dictionary  angularjs-ng-repeat 

Angularは、HTMLディレクティブ内で数値を使用するforループをサポートしています。 <div data-ng-repeat="i in [1,2,3,4,5]"> do something </div> ただし、スコープ変数に動的な数値の範囲が含まれている場合は、毎回空の配列を作成する必要があります。 コントローラ内 var range = []; for(var i=0;i<total;i++) { range.push(i); } $scope.range = range; HTMLで <div data-ng-repeat="i in range"> do something </div> これは機能しますが、範囲配列をループ内でまったく使用しないため、これは不要です。誰かが最小値/最大値の範囲または規則を設定することを知っていますか？ 何かのようなもの： <div data-ng-repeat="i in 1 .. 100"> do something </div>

252 angularjs  angularjs-ng-repeat 

どのようにして角度付きの反転配列を取得できますか？私はorderByフィルターを使用しようとしていますが、ソートするには述語（例： 'name'）が必要です： <tr ng-repeat="friend in friends | orderBy:'name':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr> ソートせずに元の配列を逆にする方法はありますか？そのように： <tr ng-repeat="friend in friends | orderBy:'':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr>

227 javascript  arrays  angularjs  reverse  angularjs-ng-repeat 

親リスト（foos）のインデックスを子リスト（foos.bars）の関数呼び出しの引数として使用したい。 誰かが$ parent。$ indexの使用をすすめる投稿を見つけましたが$index、のプロパティではありません$parent。 親のインデックスにアクセスするにはどうすればよいng-repeatですか？ <div ng-repeat="f in foos"> <div> <div ng-repeat="b in foos.bars"> <a ng-click="addSomething($parent.$index)">Add Something</a> </div> </div> </div>

218 javascript  angularjs  angularjs-ng-repeat 

テーブルでdivをターゲットとするjQuery関数を呼び出したいのですが。そのテーブルにはが入力されng-repeatます。 私がそれを呼び出すとき $(document).ready() 結果はありません。 また $scope.$on('$viewContentLoaded', myFunc); 助けにはならない。 ng-repeatポピュレーションが完了した直後に関数を実行する方法はありますか？customの使用に関するアドバイスを読みましたが、directiveng-repeatと私のdivでそれを使用する方法がわかりません...

207 javascript  jquery  angularjs  angularjs-ng-repeat  document-ready 

アイテムのコンマ区切りリストを作成する必要があります。 <li ng-repeat="friend in friends"> <b ng-repeat="email in friend.email">{{email}}{{$last ? '' : ', '}}</b>... </li> AngularJSのドキュメントによると、式では制御フローステートメントを使用できません。これが私{{$last ? '' : ', '}}が機能しない理由です。 コンマ区切りのリストを作成する別の方法はありますか？ 編集1 は、次のものよりも単純なものがあります。 <span ng-show="!$last">, </span>

179 angularjs  angularjs-ng-repeat 

私はこの SOの質問を見ました。 以前ng-bind="item.desc"使用している{{item.desc}}ため、使用する代わりに私のコードng-repeat。 だから私のコード： <div ng-repeat="item in items"> {{item.description}} </div> アイテムの説明には\n、レンダリングされない改行が含まれます。 上記{{item.description}}があると仮定して、改行を簡単に表示するにはどうすればよいng-repeatですか？

176 angularjs  angularjs-ng-repeat 

私はそれぞれ約10フィールド、約2MBのデータを持つ数千行の巨大なデータセットを持っています。ブラウザで表示する必要があります。最も単純なアプローチ（データをフェッチし$scope、それをに入れ、ng-repeat=""その仕事を任せます）は問題なく機能しますが、DOMへのノードの挿入を開始すると、ブラウザーが約30分間フリーズします。この問題にどのように取り組むべきですか？ 1つのオプションは、行を$scopeインクリメンタルに追加し、ngRepeat1つのチャンクをDOMに挿入し終えるまで待ってから、次のチャンクに移動することです。ただし、AFAIK ngRepeatは、「繰り返し」が終了してもレポートを返さないため、醜くなります。 その他のオプションは、サーバー上のデータをページに分割し、それらを複数のリクエストでフェッチすることですが、さらに醜いです。 Angularのドキュメントを調べてのようなものを探しng-repeat="data in dataset" ng-repeat-steps="500"ましたが、何も見つかりませんでした。私はAngularの方法にかなり慣れていないので、ポイントを完全に逃している可能性があります。これのベストプラクティスは何ですか？

165 javascript  angularjs  angularjs-ng-repeat 

filterin angular を使用し、複数の値をフィルター処理したいのですが、いずれかの値がある場合は表示する必要があります。 私は例えばこの構造を持っています： オブジェクトmovieプロパティを持っているgenresと私はフィルタリングするActionとComedy。 できることはわかっていますがfilter:({genres: 'Action'} || {genres: 'Comedy'})、動的にフィルタリングする場合はどうすればよいですか。例えばfilter: variableX フィルターする必要があるジャンルの配列がある場合variableX、$scopeでどのように設定しますか？ 文字列として作成してから実行するeval()こともできますが、eval（）を使用したくありません...

135 javascript  angularjs  angularjs-ng-repeat 

オブジェクトのプロパティの値をレンダリングすることに加えて、プロパティ名をラベルとしてレンダリングしたいと思います。これを行う方法はありng-repeatますか？例えば： <ul> <li ng-repeat="option in data">{{propertyName}}: {{option}}</li> </ul> これは次のようなものを吐くかもしれません： <ul> <li>Name: John</li> <li>Phone: (123) 456-7890</li> <li>Country: England</li> </ul>

134 angularjs  angularjs-ng-repeat