問題タブ [angularjs-orderby]

データをループするために ng-repeat を使用しています。ただし、適用するフィルターの束を使用します。そのうちの 1 つは、取得した配列を並べ替えるためのフィルターです。通常、角度のデフォルトの方法として「orderBy」を使用します。

しかし、受信アレイを価格で注文する必要があり、価格は同じにすることができます。その場合、Angular はマイナーな問題をいじることがあります。

したがって、私は独自の注文フィルターを作成しました。

このフィルターはデータ配列を順番に並べ、価格で並べ替えます。2 つの価格が同じ場合は、ID (文字列) で並べ替えます。ビューで使用します。

サイトをリロードすると、コード行に「未定義は関数ではありません」というエラーが表示されます data.sort(function(a,b) {。

私のフィルターに何か問題がありますか？ここで自分の間違いを認識していないようです。

お役に立てれば幸いです。

注：フィルターではなく、データに適用する関数を実装して、データ配列を事前に注文しても、data.sort（）で同じエラーが発生します...それで問題はありますか？

非常に具体的な方法でソートしようとしているAngularのオブジェクトの配列があり、それを理解できません。

サンプル Javascript は次のとおりです。

var app = angular.module('app', []);

サンプル HTML は次のとおりです。

これがフィドルです：https://jsfiddle.net/r4nsyp2v/1/

そして、次のように表示する代わりに：

次のように表示したい：

したがって、「サブ」キーが存在する場合は最大から最小の順に表示し、その後に未定義の「サブ」キーを表示したいと思います。そして、未定義の「サブ」キーを持つオブジェクトをグループ別にアルファベット順に表示します。

私はまだトリックを見つけていません....何かアイデアはありますか？

orderBy が trackBy で機能しない理由がわかりません。気が狂いそうです :(

ここに私のHTMLコードがあります:

順序を逆に変更しても、毎回同じ結果が得られます

そしてここに私のAngularJSコード:

さらにコードが必要な場合はお知らせください

さて、AngularJS で基本的な CRUD を実行しています。ビューは次のとおりです。

問題は、入力に新しいユーザーを入力すると、その行の位置がアルファベット順に収まる場所にジャンプすることです。明らかに、これが発生することを望んでいますが、ユーザーが入力を完了して「保存」を押した場合のみです。

これを行うためにAngularと協力しています。

上部にいくつかのヘッダーがあるテーブルがあります。テーブル ヘッダー内に小さな下向き矢印があります。これらのアイコンをクリックすると、ヘッダーがクリックされた列に基づいてテーブルが並べ替えられます。これもトグルなので、列ヘッダーをもう一度クリックすると、列の昇順または降順での並べ替えが切り替わります。

列ヘッダーをクリックして列を並べ替える (昇順と降順の切り替え) ときに、矢印を 2 つの異なる画像 (一方は上向き、もう一方は下向き) の間で切り替える方法を見つけようとしています。どうすればいいですか？

セットアップはかなり簡単です。列ヘッダーは次のとおりです。

そして、ここに私のテーブル自体があります：

また、すべてを示す codepen があります: http://codepen.io/trueScript/pen/XJLEVQ

そのため、列がクリックされたときに列ヘッダーの ng-src 値の 2 つの画像を切り替える方法が必要です。これにより、上向き矢印が下向き矢印に切り替わり、その逆も同様になります。ただし、明らかにその1つの列で方向を切り替える必要があります。

どうすればいいですか？

自動インクリメント limitTo を使用して ng-repeat で orderBy を使用すると問題が発生します。ページがいくつかの要素をロードすると、ディレクティブは機能を停止し、要素の制限の増加を停止します。

これはhtmlです：

これはディレクティブです:

そして最後に loadMore 関数

私の英語で申し訳ありませんが、私が理解できない場合、またはさらに情報が必要な場合は、お知らせください。