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

Question

i don't know how to listen property of controller through the $scope

http://codepen.io/Tek/pen/fgIkG/ - controller as syntax

http://codepen.io/Tek/pen/zqCpF /?editors=111 - $scope

Answer 1

You need to use $scope and not this inside a controller to bind values.

Here's the edited code And I believe you were going for this .

Answer 2

In the newest version of Angular JS ie, 1.2 they have introduces a new keyword controllerAs to make it possible not to have scope inside a controller.

<div ng-controller="testCtrl as test">
    {{test.value}}
</div>

And in your controller

app.controller('testCtrl ', function () {
   this.value = 'Hello World';
});

See the above controller is generated with out injecting $scope in it.

Here is a good video tutorial explaining this