为什么当我改变范围值时，我的jQuery滑动器Angular指令不更新?

App.controller("MainController", function ($scope, $http) {
$scope.initFilters = function () {
    $scope.filters = {};
    $scope.filters.price = {};
    $scope.filters.price.min = 0;
    $scope.filters.price.max = 0;
    $scope.filters.price.range = [0, 0];
};
$scope.initFilters();
$http.get("someurl").success(function (data) {
    $scope.initFilters();
    $scope.filters.price = {};
    $scope.filters.price.min = 0;
    $scope.filters.price.max = 100;
    $scope.filters.price.range = [$scope.filters.price.min, $scope.filters.price.max];
    $scope.$broadcast("applyFilters");
});
});

指令

    App.directive('slider', function () {
return {
    restrict: 'E',
    replace: true,
    transclude: true,
    template: "<div class='slider'></div>",
    scope: {
        min: "=",
        max: "=",
        range: "="
    },
    link: function (scope, element, attrs) {
        $(element).slider({
            range: (scope.range != undefined),
            min: scope.min,
            max: scope.max,
            values: [scope.min, scope.max],
            slide: function (event, ui) {
                scope.$apply(function () {
                    scope.range = ui.values;
                });
            }
        });
        scope.$on("applyFilters", function () {
            console.log("APPLY FILTERS:", scope);
            console.log("APPLY FILTERS:", scope.min, scope.max, scope.range);
        });
    }
}
});

你可以从我的代码中看到，我的价格滑块被初始化为0。

然后我对web服务进行HTTP调用，并在收到响应后，我尝试将价格滑块的最小值，最大值和范围值设置为0-100。

由于某些原因，我的滑块在UI中保持为0。

事件处理程序中的控制台日志是最奇怪的…

第一个控制台日志打印出范围对象，它具有正确的值(即min = 0, max = 100和range =[0,100])。

第二个控制台日志打印出错误的值(即min = 0, max = 0和range =[0,0])。

有没有人能告诉我为什么会发生这种情况。

谢谢,Ben布洛克