How to sort filtered object in dropdown options in angularjs

Question

In a json object i filtered duplicate product and get array for creating dropdone for search.

$scope.value =[{"Product":"Table","Country":"United States","id":"17619"},{"Product":"Chair","Country":"Pakistan","id":"17618"},{"Product":"Keyboard","Country":"Pakistan","id":"17617"},{"Product":"Chair","Country":"Pakistan","id":"17615"}]

I filtered duplicate products and get array by this method

$scope.getProduct = function(){return ($scope.values || []).map(function(w){return w.Product;}).filter(function(w,idx,arr){return arr.indexOf(w)===idx;});};

it return Table, Char, Keyboard as array. which i used in dorpdonw by getProduct() function in this way

<select ng-model="product"><option ng-repeat="p in getProduct()" ng-model="filter[p]">{{p}}</option></select>

But i want output in sorted form like Char,Keyboard,Table. How can i sort array return by getProduct()

what is ng-model="filter[p]" in option? you already have a model tagged to your select with ng-model="product". — manish
– manish, Commented Feb 22, 2019 at 7:35

NTP · Accepted Answer · 2019-02-22 07:25:01Z

1

You can use orderBy filter of angularjs to achieve that.

<select ng-model="product"><option ng-repeat="p in getProduct() | orderBy" ng-model="filter[p]">{{p}}</option></select>

Demo

answered Feb 22, 2019 at 7:25

NTP

4,4483 gold badges18 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

NTP Over a year ago

@Deepak3301086 I'm glad I could help.

Collectives™ on Stack Overflow

How to sort filtered object in dropdown options in angularjs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related