Why doesn't the $watch in the directive watch the $scope variables?

Question

JavaScript

Hello!

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

Piece from the controller

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

Directive

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 is not isolated, ctrl.resize() works, console.log('resize') is called only at initialization

Answer 1

It looks like you need to change it like this:

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

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