Dropdown не обновляется в угловых JS

У меня есть два спуска, когда я выбираю первый снимок, мой второй снимок должен загружаться на основе выбора. Я делаю это в угловых js. Используемое событие Watch для загрузки выпадающего события

angular.module('myApp', ['']).controller('QMesaures', function ($scope) {

 $scope.$watch('ddlDepartment', function (newVal) {
            var DepartmentName = newVal.DepartmentName

         $.ajax({
                type: "POST", 
                data: JSON.stringify({ DepartmentName: DepartmentName }),
                url: "/QReport/GetProviders",
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                   alert(data);
                    $scope.$apply(function () {
                        $scope.Providers = data;

                    });


                }
            });

        });

});



<div ng-app="myApp" ng-controller="QMesaures">
<select  ng-model="ddlProviders" ng-options="provider.ProviderName for provider in Providers"></select>
</div>

Но моя проблема в том, что я получаю данные, которые я мог бы увидеть в окне предупреждения, но мой второй раскрывающийся список (выпадающий провайдер) не показывает значение.

Пожалуйста, помогите мне, как обновить выпадающий список, чтобы показать значения в угловых js.