FAQ Database Discussion Community


Angular ng-options for bounded select elements

angularjs,select,options,ng-options
I'm almost there but stuck on one little detail. I can't seem to get the "name" property of the selected Car Make's "Car Model" to actually show up on the select menu. At the moment, it seems to be showing the correct number of options, but the options are visibly...

How do I set ng-option model to the value of an object?

javascript,angularjs,ng-options
I'm pulling in an array of objects as $scope.templates. I'd like to be able to set $scope.item.steps (my select model name) to the value of template.steps for the selected option in my ng-options array. Is there an easy way to do this without having add extra controller logic? <select class="form-control"...

Binding select with ng-options using an array of labels and values

angularjs,ng-options
I for the life of me cannot figure out how to set both the labal and the value of a select using an array I have an array of countries $scope.countries = [ {abbr:"US", name:"United States"}, {abbr:"CA", name:"Canada"},...... ] I want the select to generate as such <select> <option value="US">United...

using unicode symbols in ngOption to pass to function without needing to change the select?

angularjs,angularjs-ng-repeat,ionic-framework,ng-options
Sorry if this is already answered but I have looked through a lot of questions and just can't get this right. Using angulaJS with the following declaration to create my select from a JSON object. The select creates perfectly and the item is correctly set using the ng-selected option. <select...

Angular ng-options remove blank option and select the first option only

javascript,angularjs,html5,ng-options
I am using AngularJS to populate my select options content dynamically from an array of objects in my controller. My objects has a property named userProfileName. How would it be possible to remove the blank option that I am getting at the top? Also, I would want to select the...

Sorting inside ng-options

angularjs,ng-options
How can i sort the output of my ng-options alphabetical? ng-options="obj.name for obj in objList track by obj.key" I thought this would be the solution: ng-options="obj.name for obj in objList track by obj.key | orderBy: 'name'" But nothing changed....

Angular ngRepeat multiple select fields without displaying already selected data through ng-options

javascript,angularjs,angularjs-ng-repeat,ng-options
So the overview of the problem; I am retrieving data from an api and creating a CRUD page for it. The data has a set of labels that the user can select. Below is a code sample representing my problem. The labels selected by the user are represented by the...

How to add HTML entities in Angular select with ng-option

javascript,angularjs,select,html-entities,ng-options
My question is somehow related to this answer, although slightly different. What I would like to achieve is to get HTML entities parsed from a string passed to a select with ng-options. So given these data: $scope.myOptions = [{ text: '10.00 &euro;', val: 10 },{ text: '25.00 &euro;', val: 25...

Cannot bind ngResource to ngOptions

angularjs,ng-options,ngresource
I have a select element, and I want it populated with the result of a call to a resource via ngResource. <select chosen="" required data-ng-model="coolStuffSelected" data-ng-options="stuff for stuff in coolStuff" class="chosen-select input-md"></select> In my Controller I have CoolStuffResource.query(function(result){ $scope.coolStuff = result; console.log(JSON.stringify($scope.coolStuff)); // prints ["foo","bar","gaz","waka"] }); I see the result...

How to define ng-options selected value and assign this to model?

javascript,angularjs,model,ng-options
I have a data like this which i compile to select options and inside it selected value defined as defaultValue: 1 content: [ { value: "Bireysel", key: "1", defaultValue: 0 }, { value: "Kurumsal", key: "2", defaultValue: 1 }, { value: "Bireysel & Kurumsal", key: "3", defaultValue: 0 } ]...

Pre-select option form ng-options list

javascript,angularjs,drop-down-menu,ng-options
I'm trying to preselect a item in the list which is generated by ng-options directive. Could someone please tell me whats happening in the plunker? http://plnkr.co/edit/GTnR76HEnB5NxQRe484m?p=preview <head> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script> <script> function MyCntrl($scope) { $scope.prop = { "type": "select", "name": "Service", "values": [{ 'name': "Service 1" }, { 'name': "Service 2"...

what is best practice for Angular drop down menu & ng-option

javascript,angularjs,drop-down-menu,ng-options
good day, i created a drop dow menu on AngularJS. but it return to me an object not an item {"deptName":"IT","id":"1"}. i need to return the id only to my table. is there any thing i need to change on ng-options="item.deptName for item in department.departments" see the sample: JS angular.module('firstApp',...

Binding Select Option to Model Angualr

c#,angularjs,ng-options
After debugging it seems that the status object is getting bound to my model. But I need to bind the string to my model. $scope.Statuses = [ {name:'Not Started', value: 'Not Started'}, {name:'In Progress', value: 'In Progress'}, {name:'Completed', value: 'Completed'} ]; <select class="form-control" ng-model="counterMeasure.Status" ng-options="status.name for status in Statuses"></select> ...

How to assign selected option's text to another model while using ng-options?

javascript,angularjs,select,model,ng-options
I can create a select tag and place data inside it. I can assign that select's selected option to a model but can't assign its text to another model. Here is example below and jsFiddle link html: <div ng-app> <div ng-controller="DemoCtrl"> <select ng-model="customerId" ng-options="item.id as item.name for item in content"...

AngularJS doesn't update selected option

angularjs-scope,ng-options,angularjs-ng-options
I have the following problem. In my controller I have this variables: $scope.types = [ {id: 0, name: $translate.instant("FIRST")}, {id: 1, name: $translate.instant("SECOND")}, {id: 2, name: $translate.instant("THIRD")}, {id: 3, name: $translate.instant("FOURTH")} ]; $scope.itemtype = {}; $scope.itemtype = $scope.types[0]; In my view I have this select <select class="form-control" required ng-model="itemtype" ng-options="item...

Angular multiple ng-options parent / child

javascript,angularjs,ionic-framework,ng-options
I have a number of select input children thats data changes depending on the parents selection. Please see this Codepen for the type of data that will form my parent child relationship. My starting piece of code is here: Controller $scope.params = ['Sets', 'Reps', 'Colour', 'Time', 'Weight']; $scope.children = [{...

orderBy not working properly on ng-options

angularjs,ng-options
everything is working fine, but with an anomaly of 1 month. I want to show months in descending order, ng-options="i as payrollRule.prd_date_display for (i,payrollRule) in payrollRules | orderBy:'-time'" with JSON http://jsoneditoronline.org/?id=5180c8005b1072418925a0f01968bdffenter link description here but as you see in img, only 01 Apr 2014 is coming at 2nd position instead...

ng-options filter by value in another dropdown

angularjs,angular-ngmodel,ng-options
This seems to be a really straight forward code, but I cannot figure out why it is not working. I want to filter the 'model' dropdown by selected 'make', Make: <select ng-model="makeng" ng-options="option.display for option in makes"> <option ng-disabled="true" ng-selected="true" value="">Select a make</option> </select> Model: <select ng-model="modelng" ng-options="option.display for option...

Filter results in angularjs based on select value

angularjs,angularjs-ng-repeat,ng-options,angular-filters
This seems like it should be easy but I am new to angular and not grasping this concept very well. I am hoping to run an ng-repeat over a dataset and then be able to filter the results based on a selected option in a select box, using the exact...