ng-options

问题 Can anyone help me with a ng-option issue, I am trying to have ng-option created dynamically. What I am doing is pretty complex but I tried to explain it in following link I have two drop downs the first one has values like county, municipality and district based on whats selected in first drop down box the second drop down box will have either county or municipality or districts populated. but the trick is that the json for county or district or municipality have different structure so the

问题 Is there a way to disable an option in a select element when we populate options with ng-options in AngularJS? Like this: http://www.w3schools.com/tags/att_option_disabled.asp You can do it by adding ng-disabled to each <option> tag, but is there a way to do it if we are using the ng-options directive in the select tag? 回答1: One way to do this is, to forget using ng-options on the select element, and add the options in with ng-repeat , then you can add a ng-disabled check on each option .

问题 I've been struggling on this for a while... I'm currently using Angular. Let's say we have five select option fields and that we are iterating through the same list for each one. Our options are: $scope.items = [one, two, three, four, five]; If I choose one, how would I disable the selected option for the remaining select option fields? And if I go to another select option field and select an available item, it then disables that item for all the other fields. Any help or even guidance on how

问题 I have been trying to use ng-options to display an array of fonts in a select sorted alphabetically by the value of the items in the array. HTML <select ng-options="font for font in webfonts | orderBy:'font'" name="fonts"> <option value="">Choose a font</option> </select> JS $scope.webfonts = [ 'Abel', 'Crafty Girls' , 'Lato' , 'Average', 'Corben', 'Quicksand', ... ]; I've tried changing the value in orderBy and other things. I've read through the documentation and all comments. What am I

问题 Fiddle with the relevant code: http://jsfiddle.net/gFCzV/7/ I'm trying to set the selected value of a drop down that is bound to a child collection of an object referenced in an ng-repeat. I don't know how to set the selected option since I can't reference the collection it's being bound to in any way that I'm aware of. HTML : <div ng-app="myApp" ng-controller="SomeController"> <div ng-repeat="Person in People"> <div class="listheader">{{Person.firstName}} {{Person.lastName}}</div> <div class

问题 I have an object that maps IDs to their objects. I would like to display the list of these object and use a filter, but I cannot get it to work. Specifically, I'm trying to prevent object with ID 2 from appearing in the options Here's what I've got: http://jsfiddle.net/9d2Za/ <div ng-app ng-controller="ctrl"> Unfiltered: <select ng-model="selectedBidType" ng-options="bidType.id as bidType.label for (bidTypeID, bidType) in bidTypes"> </select> <br> Filtered: <select ng-model="selectedBidType"

问题 I am trying to format a time value from a collection I am using for time within ng-options. The format in the db is 00:00:00 but I want to present 00:00 AM/PM to the user. I am trying this; ng-options="time.time as (time.time | date:'h:mma') for time in times" With no luck. Seems like it should be pretty straight forward. shortTime does not work either. Thanks. 回答1: Basically your date should return in correct format so that it would be recognized as date by the date filter 2015-11-05 06:00

问题 I have the following object: defaults = { 0 : { id : 10, value : "string 1" }, 1 : { id : 22, value : "string 2" } } I want to iterate over this object and display it as a select box. <select ng-model="selectedValue" ng-options="obj.id as obj.value for obj in defaults"> <option value="">---Select option-----</option> </select> What I'm trying to achieve is to select 'string 2' by default. But it does not work. The problem I have is the fact the selectedValue is a string: $scope.selectedValue

问题 Angular < 1.4 works with ng-options shown as such: <select ng-options="option.value as option.label for option in options" ng-model="selectedValue"> With the following array of options: [{ value:"4_220588",label:"dropdown 1-test value 1"},{value:"4_220589",label:"dropdown 1-test value 2"}] If you look at the resultant HTML is is as you would expect: <select ng-options="option.value as option.label for option in options" ng-model="selectedValue" class="ng-pristine ng-valid ng-touched"> <option

问题 Hi how to avoid the ok and cancel button in ion-options? I need an output as the below image after clicking the ion-option. I have tried all the options as per http://ionicframework.com/docs/v2/api/components/select/Select/. Yet I am not able to achieve this ui. Even after typing interface="action-sheet" I am not able to achieve the wanted look. Where can I find a demo or any help to get this view? 回答1: This question was actually something I myself needed and I know some people have needed it