althaf hussain althaf hussain - 1 year ago 65
AngularJS Question

angularjs Why dropdown not binding values in it

Here I'm fetching data from DataBase using where condition here every textbox showing value but why dropdown not showing values

<select ng-options="I.CountryID as I.CountryName for I in CountryList" ng-model="CountryID">
<option value="{{CountryName}}">{{CountryName}</option>


$scope.EditEmp = function (xxx) {
GetAllCountryList(); var ser = Myservice.EditByid(xxx.Id);
ser.then(function (d) {
$scope.Name = xxx.Name;
$scope.CountryID = xxx.CountryID; //This is my Dropdownlist

Answer Source

Post here what you get in console on inspect element

Anyway, here's a simple example of what you are trying to do, this snippet was taken from angularjs site, hope it will help you.

angular.module('defaultValueSelect', [])
 .controller('ExampleController', ['$scope', function($scope) {
   $ = {
    availableOptions: [
      {id: '1', name: 'Option A'},
      {id: '2', name: 'Option B'},
      {id: '3', name: 'Option C'}
    selectedOption: {id: '3', name: 'Option C'} //This sets the default value of the select in the ui
<script src=""></script>
<div ng-app="defaultValueSelect" ng-controller="ExampleController">
  <form name="myForm">
    <label for="mySelect">Make a choice:</label>
    <select name="mySelect" id="mySelect"
      ng-options=" for option in data.availableOptions track by"
  <tt>option = {{data.selectedOption}}</tt><br/>


Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download