Question

我有一个没有点击的按键点击按钮。下面是控制器和按钮html。帮助 - 为什么它不起作用？

这是我的控制器

    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上它会起作用。或者您可以使用控制器作为语法。 e.g。

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

Answer 2

var app = angular.module('plunker', []);

app.controller('MainCtrl',['$scope','$http', function($scope,$http) {
  $scope.name = 'World';
  var self = this;
  self.chris = function()
  {
    console.log("chris");
  }
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.13/angular.js" data-semver="1.3.13"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl as ctrl">
    <p>Hello {{name}}!</p>
    <button ng-click="ctrl.chris()">button</button>
  </body>

</html>

没有点击的按钮

2 个答案: