Angular 'order By' does not work with complex ng options

advertisements

Can't get orderBy to work when I have a complex ng-options statement.

This does not sort the <select> options as expected:

ng-options="p.proxyType for p in proxyOptions track by p.proxyType | orderBy:'proxyType'"

http://plnkr.co/edit/60ZbBP1mg5VvlMwrvOZS?p=preview

The syntax is wrong, it should be...

<select ng-model="data.selected"
        ng-options="p.proxyType for p in proxyOptions | orderBy:'proxyType' track by p.proxyType"></select>

In other words, track by part should be the last one. Plunkr.

Related Articles

Breeze and Angular 'ToDo' application does not work with IE 8

I have downloaded the sample 'Breeze 0.83.5' applications from http://www.breezejs.com/documentation/download The Angular 'ToDo' sample does not work with IE8. I have included the following script references above my Breeze script reference. Any idea

Angular location search does not work with & amp;

/course-home#/search?q=my%20lab%20%26%20mastering&%20kamal&ref=%2Ftab%2Factive $scope.keyword = $location.search().q; In my angular app when I search for "my lab & mastering" $location.search().q returns only "my lab" and d

The onclick event does not work with the tag option in html?

I have a following html drop down menu with Go button, it is working fine for the first two option values selection first and then hitting Go button, but not working for other two option values, which are having onclick events, Please help me that ho

The angular value ng does not work with the input radio

I have 3 radio inputs bound to ctrl.poiType , where ctrl is the controller and poiType is an integer. ctrl.poiType can have one of the 3 values specified by four constants (ctrl.TYPE_TRIP, ctrl.TYPE_EVENT, ctrl.TYPE_POI). So I've created three input

Angular 2 Router does not work with several past parameters

I created a sample plunker, to pass in multiple parameter to the next page and it doesn't work. Here is the plunker demonstration where crisis center routing doesn't work after click on items. http://plnkr.co/edit/ngNSsKBzAuhaP0EjKVJX?p=preview onSel

does not work with dynamic knockout options

I am using knockout.js with jquery. The availableBrands is defined as: self.availableBrands = ko.observableArray(); my ajax request method is : self.loadBrands = function () { $.ajax({ url: '/api/Electronic/GetBrands', dataType: "json", contentT

The Angular Catch method does not work with $ http get request

I am trying to neatly manage service function calls from the controller while handling errors from the API. However when I do the following, I still get this is showing even with 403 and 404 errors in my console even when the API throws back a 403 or

Angular Slider Touch does not work with the directive

I am using the following directive in my application https://github.com/prajwalkman/angular-slider It's all working ok apart from touch support when I'm trying to drag the sliders across the screen. Touch works on the examples given but not on my app

Angular date filter does not work with Stripe timestamp

I have a timestamp supplied by Stripe's API. 1397166153. However when using it in the most simplest form {{ 1397166153 | date }} I get: Jan 17, 1970 when in fact it should be Apr 10, 2014. Does anyone know what's going on here? I really appreciate yo