Empty Value appned in AngularJS dropdown list
Empty Value appned in AngularJS dropdown list
HTML
<div ng-controller="selectController">
<div>
Select not initialized:
<select class="form-control" ng-model="selectedName_noinit" ng-options="employee.id as employee.name for employee in employees"></select>
</div>
<div>
Select initialized to a specific value:
<select class="form-control" ng-model="selectedName" ng-options="employee.id as employee.name for employee in employees" ng-init="selectedName=''" ng-change="test()"></select>
</div>
<div>
Select initialized to a specific value:
<select class="form-control" ng-model="selectedName1" ng-options="value as label for (value,label) in testoptions" ng-change="test()"></select>
</div>
</div>
JavaScript
angular.module("SelectModule", [])
.controller("selectController", function selectController($scope) {
$scope.employees = [
{
"id": "",
"name": "Name1"
},
{
"id": 1,
"name": "Name2"
},
{
"id": 2,
"name": "Name3"
},
];
$scope.selectedName_noinit = "";
$scope.selectedName1 = "";
$scope.test = function() {
}
$scope.testoptions = {1: "*Account*", 3: "Development", 0: "*Not Selected*"};
});