javascript - 如何在html中使用绑定(bind)函数到 "this"?风格指南 AngularJS

标签 javascript angularjs

我正在使用https://github.com/johnpapa/angular-styleguide约定。

在部分隐藏实现细节的函数声明

当我将其绑定(bind)到 this 时,如何在 side html 中使用函数,如下所示:

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


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

并在 html 中使用它:

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

当我使用scope而不是this时,它可以工作

$scope.activate = activate;

最佳答案

您需要使用所谓的 controller as语法:

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

关于javascript - 如何在html中使用绑定(bind)函数到 "this"?风格指南 AngularJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32369430/

相关文章:

javascript - 跳过 if 语句和循环中未定义的值

javascript - 如何从javascript函数向Action发送参数?

javascript - 练习二维数组

javascript - JSON python 到 javascript

javascript - 在 select 元素内嵌套 ng-repeats 和 ng-ifs

javascript - 带有导航(下一个,上一个)按钮的 CSS 滚动捕捉点

javascript - 当没有可用选项时如何提醒用户

javascript - 动态添加 Controller 到 ng-include

angularjs - 如何使用 transformRequest 和 transformResponse 修改 $resource 的数据?

javascript - 无法将提供者注入(inject) Karma 测试