ng-selected not working in select element
I have a bound select
-
ng-selectedshould be used in thetag, not in thetag. Take a closer look at its doc and the example.Because the
selectdirective's determination of the selected option is based onngModel. Therefore, once you removeng-selected="c.CollegeName == collegeSelection.CollegeName", your code should work.I created a very simple plunk to demonstrate the "selected" feature in
selectdirective.More details:
AngularJS uses
ngModeldirective to enable "two-way data binding" between your model and UI elements.In the case of "select", the model
collegeSelectionyou specified asis the selected item. Which means if an user selects an item from the dropdown on the page,collegeSelectionwill be set to that item; and, if you setcollegeSelectionto an item in your javascript code, AngularJS will make sure that the correspondedis selected.Say you have the following code in your controller:
$scope.colleges = [ {id: 0, name: 'a'}, {id: 1, name: 'b'}, {id: 2, name: 'c'} ]; $scope.collegeSelection = $scope.colleges[0];And the HTML looks like:
That's it! The first college in the colleges array will be selected if you run the code.
Just remember
collegeSelectionis the selected option, no matter it's because user selected an item on the UI, or you selected an item in javascript.That's how two-way data binding works.
加载中...
- 热议问题