Linked Slider AngularJS Directive using JQuery UI

linkedSlider.js

app.directive('linkedSlider', function () {
    return {
        restrict: 'A',
        scope: {
            value: '=',
            link: '=',
            step: '@',
            min: '@',
            max: '@',
            condition: '&'
        },
        link: function(scope, element) {

            setTimeout(function() {

                $(element).slider({
                    min: parseInt(scope.min),
                    max: parseInt(scope.max),
                    step: parseInt(scope.step),
                    value: parseInt(scope.value),
                    slide: function(event, ui) {
                        scope.$apply(function() { scope.value = ui.value; });
                        if (scope.condition()) {
                            scope.$apply(function() { scope.link = ui.value; });
                        }
                    }
                });

                scope.$watch('value', function(newValue) {
                    $(element).slider('value', newValue);
                });

                scope.$watch('link', function(newValue) {
                });

            }, 1);
        }
    };
});