events in angular not binding to vm

Question

I am very new to angular and cant seem to figure this out.

In my controller I am using the var vm = this syntax rather than using $scope but when trying to attach an $on event handler I get a vm.$on is not a function error.

This works:

$scope.$on('$viewContentLoaded', function () {
     console.log(vm.myform);
});

This does not:

var vm = this;

vm.$on('$viewContentLoaded', function () {
     console.log(vm.myform);
});

could some please explain why.

Thanks James

That is great, thank you very @MichaelRadionov much for pointing me in the right direction. — jim_at_jibba, Jun 04 '15 at 12:35

score 1 · Answer 1 · answered Jun 04 '15 at 11:56

1

$on is a method of $rootscope ,you cannot access elsewhere.In angular js,event communication happens through $rootscope.broadcast and $rootscope.emit,to subscribe that event only we can use $rootscope.$on .To know more detail about this you can read

http://toddmotto.com/all-about-angulars-emit-broadcast-on-publish-subscribing/

answered Jun 04 '15 at 11:56

vignesh

151
6

Hey @vignesh thanks for pointing me to this article. I will take a look. – jim_at_jibba Jun 04 '15 at 12:37

events in angular not binding to vm

1 Answers1