Hi Nishu,
I guess your problem is AngularJS Dropdown automatically adds an Empty Value and you want to remove that blank value.
The empty option is generated when a value referenced by ng-model doesn't exist in a set of options passed to ng-options. This happens to prevent accidental model selection.
AngularJS can see that the initial model is either undefined or not in the set of options and don't want to decide model value on its own.
The empty option means that no valid model is selected. You need to select a valid model value to get rid of this empty option.
Refer below example.
HTML
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.js"></script>
<script type="text/javascript">
var app = angular.module("MyApp", []);
app.controller("MyController", function ($scope) {
$scope.SearchMedType = "0";
$scope.GetCustomers = function () {
}
});
</script>
<div ng-app="MyApp" ng-controller="MyController">
<asp:DropDownList ID="ddlCountries" ng-model="SearchMedType" ng-change="GetCustomers()"
ClientIDMode="Static" runat="server" DataSourceID="sdsmedicinetype" DataTextField="CountryName"
DataValueField="CountryId">
</asp:DropDownList>
<asp:SqlDataSource ID="sdsmedicinetype" runat="server" ConnectionString="<%$ ConnectionStrings:CascadingConnectionString %>"
SelectCommand="SELECT '0' CountryId, 'Select Type' CountryName FROM Countries
UNION select CountryId,CountryName FROM Countries ORDER BY CountryId">
</asp:SqlDataSource>
</div>
If taht is not your problem and you want to remove the default Select Type from Dropdownlist then remove the select query from the statement and use simple query to bind dropdownlist with union.
