orderBy：notarray予想される配列ですが、受信しました：オブジェクト

Question

私は結果をその位置でフィルタリングしようとしています。

しかし、すぐにorderbyの結果が配列ではないので、ページを分割します。これをどうやって変更できますか？私はこれに固執しています。

私はそうのように、この操作を行います。

<div ng-repeat="cat in content | orderBy : 'pos'" class="animated zoomIn"> 

とコントローラ：

{ 
    "Bar One" : { 
    "bgurl" : "https://domain.com/aa/bars/list/bar.jpg", 
    "name" : "Bar One", 
    "subtitle" : "Cheers", 
    "pos", 2 

}, 
"Bar Two" : { 
    "bgurl" : "https://domain.com/aa/bars/list/bar.jpg", 
    "name" : "Bar Two", 
    "subtitle" : "Cheers", 
    "pos", 1 
} 

} 

、私はこのエラーを取得：

firebase.database().ref("v3/standalonelist/" + catId.toLowerCase()).on('value', function(snapshot) { 

    $timeout(function() { 
     $scope.content = snapshot.val(); 
     console.log($scope.content); 

    }) 

    }); 

の$ scope.contentは、このオブジェクトを返します

[orderBy:notarray] Expected array but received: [THE OBJECT ABOVE]

Answer 1

モデルはオブジェクトではないため、(key, value) in experssion synatxを使用してください。

Answer 2

1）カスタマイズされたフィルタ（AngularJS） ORDERBYオブジェクトプロパティの...

例JSON：

{ 
    "123": {"name": "Test B", "position": "2"}, 
    "456": {"name": "Test A", "position": "1"} 
} 

このリンクをお試しください...

orderBy filter for Object

2）ObjectプロパティのorderByフィルタを実現する別の方法。

• データオブジェクトの配列を追加します。ビューで

$scope.dataArray = Object.keys($scope.data) .map(function(key) { return $scope.data[key]; });

：

<div ng-repeat="item in dataArray | orderBy:'order.allListPosition'"> 

http://plnkr.co/edit/BXgYPTElSM3sjvLg30CL?p=preview