1 ページに約 4 つのメイン div があり、並べ替えることができます (少なくともそれらは jQuery 経由でした)。orderBy 条件でパイプし、それを ng-click にバインドすることで、それらを NG 並べ替えに変換しました。最初のグループでは問題なく動作しますが、2 番目のグループを試してみると、orderBy の名前空間がバインドされていないので、並べ替えの基準を変更するだけでは不十分であると想定しています。
今のところ、いくつかの日付が ng-repeat に取り込まれています:
<li ng-repeat="condition in signConditions" | orderBy:orderByField:reverseSort">
ユーザーがここのリンクをクリックすると、次のように並べ替えられます。
<a href="javascript:void(0)" ng-click="orderByField='title'; reverseSort = !reverseSort" class="titleLabel">Documents <span ng-show="orderByField == 'title'"><span ng-show="!reverseSort">^</span><span ng-show="reverseSort">v</span></span></a>
そして、私のコントローラーには、ここに単純なスコープバインディングがあります:
$scope.orderByField = 'conditionId';
$scope.reverseSort = false;
したがって、これは、ページ上の 4 つの個別のグループに対して少なくとも 4 回実行する必要がある、もう一度実行しようとするまで機能します。
したがって、それぞれの新しい li ng-repeat は次のようになります: blahConditions の条件 blipConditions の条件など...
だから私の質問は、各 orderBy を特定のグループにバインドする方法ですか?
アドバイスをいただければ幸いです。