javascript - 带有 ng-click 的按钮未触发

Question

我有一个带有 ng-click 的按钮，但没有触发。下面是 Controller 和按钮 html。帮助 - 为什么它不起作用？

这是我的 Controller

    angular.module('app').controller('MarvelController', MarvelController);
    // use to make HTTP requests


    MarvelController.$inject = [
    "$http"
    ];
    var character = 0;


    function MarvelController($http){
        var self = this;
        console.log(self.update);

        self.character = character;
        self.glenn = 24;
        console.log(self.glenn);
        self.chris = function(){
            console.log("chris");
        }

这是未触发的按钮:

<button ng-click="chris()">button</button>

Answer 1

如果你把你的函数放在 $scope 上它就会工作。或者您可以使用 Controller 作为语法。例如

<div ng-controller="MarvelController as ctrl">
    <button ng-click="ctrl.chris()">button</button>
</div>