[英]Button with a ng-click not firing
I have aa button with a ng-click that is not firing. 我有一个ng-click不会触发的按钮。 Below is the controller and button html.
以下是控制器和按钮html。 Help - why is it not working?
帮助-为什么不起作用?
This is my 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");
}
this is the button that is not firing: 这是不触发的按钮:
<button ng-click="chris()">button</button>
If you put your function on $scope it will work. 如果将函数放在$ scope上,它将起作用。 Or you can use the controller as syntax.
或者,您可以将控制器用作语法。 eg
例如
<div ng-controller="MarvelController as ctrl">
<button ng-click="ctrl.chris()">button</button>
</div>
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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.