events in angular not binding to vm [duplicate]

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
– jim_at_jibba, Commented Jun 4, 2015 at 12:35

vignesh · Accepted Answer · 2015-06-04 11:56:19Z

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 4, 2015 at 11:56

vignesh

1516 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jim_at_jibba Over a year ago

Hey @vignesh thanks for pointing me to this article. I will take a look.

Collectives™ on Stack Overflow

events in angular not binding to vm [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related