why dropdown not showing values

Question

this is my dropdownList here data comming from db but dropdown not showing plese help me

<select id="ddlDepartment" class="form-control" data-modal="modal" ng-model="employeeDepartment" ng-options="dep.CountryID as dep.CountryName for dep in departments" ng-required="true">

<option value="" disabled selected>--Select Department--</option>
<option data-ng-repeat="dep in departments" value="{{dep.CountryID}}">{{dep.CountryName}}</option>

</select>

 

 

function GetDepartments() {
var departments = Mysercive.BindCntryList();

departments.then(function (dep) {
$scope.departments = dep.data;
}
});