Reference function from angular controller in html

Question

I have a basic angular app with one controller. Now, i am creating a signin with g+ button like this

(function() {
  var po = document.createElement('script');
  po.type = 'text/javascript'; po.async = true;
  po.src = 'https://apis.google.com/js/client:plusone.js?onload=renderSignin';
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(po, s);
})();

the function 'renderSignin' is defined in my controller as follows

$scope.renderSignin = function() { ... }

But it looks like it can't be found. I also tried {{renderSignin}}, but it didn't work either Is there something i have to do to get it to work? Thanks.

I dont see any angular controller code here.. can you add some more context? — Nix
– Nix, Commented Dec 31, 2013 at 16:46
The angular code is kind of bulky, which is why i didn't put it up at first, but i find that attaching the function to $window as said by CD.. works perfectly, thanks :) — SamAko
– SamAko, Commented Jan 2, 2014 at 15:30

CD.. · Accepted Answer · 2013-12-31 16:50:43Z

3

Try adding renderSignin to the $window instead of the $scope.

$window.renderSignin = function() { ... }

(Don't forget injecting $window into your controller)

answered Dec 31, 2013 at 16:50

CD..

74.3k25 gold badges160 silver badges170 bronze badges

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

Collectives™ on Stack Overflow

Reference function from angular controller in html

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related