angularjs-ng-options | 易学教程

Dynamically creating multiple dropdown and auto setting each dropdown in angularjs

阅读更多关于 Dynamically creating multiple dropdown and auto setting each dropdown in angularjs

问题 I was able to dynamically creating multiple drop-down lists base on the same set of data in angularJS. However, I am having an issue trying to dynamically set the default value of each of the drop-down lists. For example, in my first drop-down list, I would like the first subject ("Writing") to be selected by default. Then I would like the second drop-down list to have the second subject ("Reading") to be selected and the third drop-down list to have the third subject ("Math") to be selected

Parsing object in ng-options for angularjs select drop down using nested json

阅读更多关于 Parsing object in ng-options for angularjs select drop down using nested json

问题 I have the following json: [ { "normal" :{ "font": "Burlington Script.ttf", "fontFamily": "sf_burlington_scriptregular", "fontName": "Burlington Script" }, "bold" : { "font": "SF_Burlington_Script_Bold.ttf", "fontFamily": "sf_burlington_scriptbold", "fontName": "Burlington Script" }, "italic" : { "font": "SF_Burlington_Script_Italic.ttf", "fontFamily": "sf_burlington_scriptitalic", "fontName": "Burlington Script" }, "bold-italic": { "font": "SF_Burlington_Script_Bold_Italic.ttf", "fontFamily"

angularjs ng-options with custom filter not working

阅读更多关于 angularjs ng-options with custom filter not working

问题 Sorry to ask this question again but no answer or workaround has been identified. This is a follow-up of this question : Stackoverflow I have a plunker which describes the issue (basically putting a tree structure in a dropdown list) : Plunker example As illustrated the first select does not select the value and gets back to an empty line - which is also a mystery. I have not been able to find any similar cases and I am close to giving up so this is the last chance. Key code areas are the

AngularJS ng-option get index

阅读更多关于 AngularJS ng-option get index

问题 I'm making a playlist option in the project I'm working on and I'm trying to get a dropdown for all the videos in the list. which is easy <select ng-options="vid.Id for vid in playList.Videos track by video.Id" ng-model="selected" class="browser-default"></select> but this shows a drop down of the Id's, but now I want it to show the position in the list +1; So when playing video 5/15 the drop down should show 1 to 15 (so not 0 to 14) and 5 should be selected. any idea on how to accomplish

Get other columns from select ng-options

阅读更多关于 Get other columns from select ng-options

问题 In the directive I have the following: <select class="col-md-3 form-control" ng-model="selectedItemId" id="item" name="item" ng-disabled="!selectedCategoryId" ng-options="c.itemId as c.descrip for c in metaData.items | filter: {departmeId:selectedDepartmentId, categoryId:selectedCategoryId}"> <option value="">@String.Format(Labels.selectX, Labels.item)</option> </select> The metaData.items array contains several columns (itemId - unique, descrip, departmeId, categoryId, department, category,

How to sort array in ng-options by key?

阅读更多关于 How to sort array in ng-options by key?

问题 There is such array: month: Array[13]0: "M"1: "January"2: "February"3: "March"4: "April"5: "May"6: "June"7: "July"8: "August"9: "September"10: "October"11: "November"12: "December" I do: ng-options="key as value for (key, value) in data.month | orderBy:key" But I get unsorted select list. 回答1: In order to use tracking with filters use track by . Markup ng-options="key as value for (key, value) in data.month | orderBy:'key' track by key" Update This orderBy will never work because you are

How to filter a select with ng-options in Angular?

阅读更多关于 How to filter a select with ng-options in Angular?

问题 I've written the following proof-of-concept of an Angular app that allows a person to vote for President of the US. <!DOCTYPE html> <html ng-app="ElectionApp""> <head> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script> <script> var ElectionApp = angular.module("ElectionApp", []); var ElectionController = ElectionApp.controller("ElectionController", [function () { // Pretend that this data came from an outside data-source. this

How do I set a prompt on a select using ng-options?

阅读更多关于 How do I set a prompt on a select using ng-options?

问题 I have a select that uses ng-options to populate the select as follows: <select class="form-control" ng-model="Data.selectedPerson" ng-options="v as (v.Name ) for v in Data.people track by v.Name"> </select> I don't want to add a value to the collection for a default if the people collection is empty or no value is selected yet. I would like to have a prompt in the select to encourage them to use the select. Thanks for your suggestions. 回答1: Just add a default option, just so angular will use

How to sort array in ng-options by key?

阅读更多关于 How to sort array in ng-options by key?

There is such array: month: Array[13]0: "M"1: "January"2: "February"3: "March"4: "April"5: "May"6: "June"7: "July"8: "August"9: "September"10: "October"11: "November"12: "December" I do: ng-options="key as value for (key, value) in data.month | orderBy:key" But I get unsorted select list. In order to use tracking with filters use track by . Markup ng-options="key as value for (key, value) in data.month | orderBy:'key' track by key" Update This orderBy will never work because you are having literal array. You need to convert this array to JSON like object which would structured like [{id: 0,

Can't set selected value of ng-options

阅读更多关于 Can't set selected value of ng-options

问题 I am trying to populate a drop-down select options list and set a default selected value using ng-model and ng-options. I have the following code in my view: <select ng-model="thisTour.site" ng-options="site.name for site in siteList"></select> And in my controller: $scope.siteList = [ { id: 1, name: 'cycling'}, { id: 2, name: 'walking'}, { id: 3, name: 'holidays'} ] $scope.thisTour.site = { id: 2, name: 'walking'}; The list is getting populated with the correct 3 options from the siteList