Почему $watch в директиве не следит за переменными $scope?

Question

[Артём Щурин]

Здравствуйте!

<div ng-controller="ParametersCtrl as ctrl">
    <div class="modal-resize" resize-parameters ng-click="ctrl.resize()">Раскрыть</div>
    <!--Разметка-->
</div>

Кусок из контроллера

this.resize = function() {
			$scope.fullScreen = !$scope.fullScreen;
		};

Директива

define(['app'], function(app) {
	app.directive('resizeParameters', function() {
		return {
			restrict: 'A',
			link: function($scope, element, attrs) {
				$scope.$watch($scope.fullScreen, function(fullScreen) {
console.log('resize');
				})
			}
		}
	})
});

$scope не изолирован, ctrl.resize() отрабатывает, console.log('resize') вызывается лишь при инициализации

Answer 1

[vsvladimir]

Вроде так изменить нужно:

$scope.$watch($scope.fullScreen, function(fullScreen)

$scope.$watch("fullScreen", function(fullScreen)

Comments

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

а еще так:

$scope.$watch(() => {
    return $scope.fullScreen;
}, (currentVal, prevVal) => {
});

[Артём Щурин]

Спасибо)
я был невнимателен при чтении доков, там и правда нужно в $watch строковое значание пременной bp $scope передавать

[Артём Щурин]

Сергей Протько: либо, да, вернуть значение прееменной

[lega]

Но строкой лучше