How to listen to model in angular using controller as syntax?

Question

JavaScript

Don't know how to listen to controller property via $scope
codepen.io/Tek/pen/fGuwl - controller as syntax
http://codepen.io/Tek/pen/zqCpF /?editors=111 - $scope

Answer 1

in connection with the study of angular, the same question arose, I myself will answer it
"as syntax" - in fact, just sugar for such an option

<div ng-controller="MyCtrl as my"> </div>

function MyCtrl($scope){
  $scope.my = this;
  this.val = "";
}

to verify this, you can output $scope to the console when the controller is launched and find the same my there as the scope property
. It follows that we need to observe not the variable, but the property of this very my
, that is, to observe this.val - you need to define such a watcher - listener

$scope.$watch('my.val', function(newVal){
   console.log(newVal);
});

Hope it helps someone figure it out