Angularjs：コントローラの$ filter

Question

このフィルタを使用する際に問題が発生しました。

$scope.imgCollection.then(function (images) { 
    $scope.images = images.thisGal_images; 

    if ($scope.images[0].order == '0') { 
     console.log('orgName'); 
     $scope.images = $filter('orderBy')($scope.images, 'orgName'); 
    } else { 
     console.log('sort order'); 
     $scope.images = $filter('orderBy')($scope.images, 'sortOrder'); 
     console.log($scope.images); 
    } 
}); 

$ scope.imagesは、データベースから画像のリストを返します。最初のアップロード時には、sortOrder列にはui：sortableを使用してソートできるため、「0」が設定されます。最初のビューでは、ソート順をファイル名に基づいています。最初のビューの後にDBが書き込まれ、最初のイメージにはsortOrderが1で与えられ、そこからインクリメントされます。

これは私の誤解で$ filterですが、$scope.images = $filter('orderBy')($scope.images,'sortOrder');はsortOrderに基づいて$ scope.imagesを注文していません。

おかげ

Answer 1

私はあなたのためのデモを作成し、うまくいけば、あなたはコードを比較し、問題を把握することができます。

$filterモジュールを注入するのを忘れるかもしれませんね。デモを見てください。

<div ng-app="myApp" ng-controller="ctrl"> 
    <div ng-repeat="image in images">{{image}}</div> 
    <button ng-click="order('0')">By orgName</button> 
    <button ng-click="order('1')">By sortOrder</button> 
</div> 

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

function ctrl($scope, $filter) { 
    $scope.images = [{ 
     orgName: 'B', 
     sortOrder: 111 
    }, { 
     orgName: 'A', 
     sortOrder: 12 
    }, { 
     orgName: 'D', 
     sortOrder: 13 
    }, { 
     orgName: 'C', 
     sortOrder: 14 
    }]; 

    $scope.order = function (order) { 
     if (order == '0') { 
      $scope.images = $filter('orderBy')($scope.images, 'orgName'); 
     } else { 
      $scope.images = $filter('orderBy')($scope.images, 'sortOrder'); 
     } 
    } 
} 

Working Demo