How to use binded function to "this" in html? Style guide angularjs

Question

I am using https://github.com/johnpapa/angular-styleguide convention.

Inside section Function Declarations to Hide Implementation Details

How to use function in side html when i bind it to this like:

function AvengersCtrl() {
    var vm = this;
    vm.activate = activate;


    function activate() {
        alert("activate");
    }
}

and use it in html:

<body ng-controller="AvengersCtrl">...
    <button ng-click="activate()"></button>
</body>

when i use scope instead of this it works

$scope.activate = activate;

CodingIntrigue · Accepted Answer · 2015-09-03 07:32:58Z

2

You need to use what's known as controller as syntax:

<body ng-controller="AvengersCtrl as ctrl">...
    <button ng-click="ctrl.activate()"></button>
</body>

answered Sep 3, 2015 at 7:32

CodingIntrigue

79k32 gold badges176 silver badges178 bronze badges

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

Comments

gbalduzzi · Accepted Answer · 2015-09-03 07:33:23Z

1

<body ng-controller="AvengersCtrl as aveng">...
<button ng-click="aveng.activate()"></button>
</body>

if you don't specify an alias for the controller (as i have done with 'aveng') and you don't call your function with alias.function() syntax, angular will look for an 'activate()' function inside your global functions, not inside your AvengersCtrl object

answered Sep 3, 2015 at 7:33

gbalduzzi

10.3k3 gold badges36 silver badges65 bronze badges

Collectives™ on Stack Overflow

How to use binded function to "this" in html? Style guide angularjs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related