Почему на отрабатывает $watch в директиве?

Question

[DieZz]

Доброго времени суток.

Пишу директиву, суть которой - вызов модального окна и отправка данных на сервер из формы в этом окне. Окно показываю с помощью директивы Modal из Bootstrap components для Angular ( angular-ui.github.io/bootstrap ).

'templates/modal/addCom.html'

<select class="form-control" ng-model="selected">
    <option ng-repeat="type in types" value="{{type}}">{{type.comment}}</option>
</select>

app.directive('addCom',function($modal,addComService){
    return {
        restrict: 'A',
        link : function($scope, $element, $attributes){
            $element.on('click',function(){
                modal();
            });

            var modal = function(){
                var modalInstance = $modal.open({
                    animation: $scope.animationsEnabled,
                    templateUrl: 'templates/modal/addCom.html',
                    controller: function($scope,$modalInstance){

                        $scope.selected = {};
                        $scope.disabled = true;

                        $scope.$watch(
                            function(){
                                return $scope.selected;
                            },
                            function(newVal,oldVal){
                                //срабатывает только при вызове окна 
                                console.log(newVal);
                                //срабатывает только при вызове окна 
                                console.log(oldVal);
                            },
                            true
                        );

                    }
                })
            };
        }
    }
});

$watch срабатывает только при открытии модального окна. При изменении модели selected $watch не срабатывает, хотя если выводить значение модели в виде, видно, что данные меняются.

Answer 1

[Сергей Протько]

скаляры в скоупах не наследуются, так как передаются по значению. Варианты, хранить данные в объекте, они передаются по ссылке а ссылки наследуются.

Comments

[DieZz]

Так у контроллера модального окна свой скоуп. Да и модель type содержит объект, а не скалярную величину. Немного не уловил смысл вашего ответа.

[Сергей Протько]

DieZz: return $scope.selected; - тут явно скаляр. ng-repeat и большая часть других директив создают свои скоупы, и в итоге данные снаружи ему видны но скаляры поменять он не может.

[Сергей Протько]

DieZz: ну и в вашем случае ватчер вообще не нужен - лучше повесить on-change на селект и дергать метод контроллера директивы или колбэк.

[DieZz]

Так уже и сделал. Спасибо