ng-options

I would like to know if I can include additional logic in angular ng-options attribute for a Select element. In one case, I have a set of options that are flat and have no groupings associated with them. In another, I have multiple options that may have the same description, however their Id's vary because they are each grouped into categories. Based on the data sent over, I would like to display them as either grouped or not grouped. GROUPED: <select ng-model="tcCtrl.SelectedItem" ng-options="item.Id + ' - ' + item.Description group by item.GroupDescription for item in ctrl.Context.ItemList }

HTML <select ng-model="selected1" ng-options="item.Name as item.Name for item in jobLineClassFSC" class="gridinputs"> </select> <select ng-model="selectedJobLineTypeFSC" ng-options="item.Name as item.Name for item in jobLineTypeFSC"> </select> <select ng-model="selectedJobLineSubTypeFSC" ng-options="item.Name as item.Name for item in jobLineSubTypeFSC"> I'm getting the result and display it properly; but the selected list is not getting bound to the ng-model and I don't know why. I implemented the same in another place in my project it's working over there. Can anyone please let me know how to

I have a json defined in my scope like $scope.People = [ { "firstName":"John", "lastName":"Doe", "Choices":[ { "Name":"Dinner", "Options":[ { "Name":"Fish", "ID":1 }, { "Name":"Chicken", "ID":2 }, { "Name":"Beef", "ID":3 } ] }, { "Name":"Lunch", "Options":[ { "Name":"Macaroni", "ID":1 }, { "Name":"PB&J", "ID":2 }, { "Name":"Fish", "ID":3 } ] } ] }, { "firstName":"Jane", "lastName":"Doe" } ]; Wanted to list all the choices options name (without duplicates) in a single drop down box using angularjs. The drop options will have the values Fish, Chicken, Beef, Macaroni, PB&J <div ng-app="myApp" ng

I am using AngularJS for my web app. My objective is to have two dropdowns list using ng-options . The first dropdown showing the country list The other gives the language preferences for the selected country Being still new to AngularJS, I am able to display the data but the entire object is displayed as a single option, I am unable to split each data. Kindly find the code below that I used. HTML <select ng-model="selectedRegion" ng-options="region.countryName for region in eyebrow.regionSelector"></select> <select ng-model="selectedRegion.selectLang" ng-options= "selectedRegion.selectLang

I am getting some data back from my server. The data structure is: [{"sectorName1": "nameHere", "subSectors": ["sub1", "sub2", "sub3"] }, {"sectorName2": "nameHere", "subSectors": ["sub1", "sub2", "sub3"] }] I am trying to display each sectors subSectors with ng-options. So when some uses the dropdown they will see all the subsectors. I have tried this but doesn't seem to work: <select id="selectSubSector" class="form-control" name="subSector" ng-model="item" ng-options="sec for sec in mySectors.subSectors "> </select> where mySectors is the data that comes back from the server. Any

How to give a styling to select option group using ng-options ? HTML: <select ng-model="filteredBy" ng-options="obj_data.value as obj_data.title group by obj_data.group for obj_data in data"></select> JS: $scope.filteredBy = 'true'; $scope.data = [{ "group": "byStatus", "title": "ACTIVE", "value": "false" }, { "group": "byStatus", "title": "COMPLETED", "value": "true" }, { "group": "byColor", "title": "Blue", "value": "#27a9e3" }, { "group": "byColor", "title": "Green", "value": "#28b779" }]; In the above example i want to give styling to color (Blue & Green). How to do that using ng-options`