带有ng-click的按钮不触发
[英]Button with a ng-click not firing
问题描述
我有一个ng-click不会触发的按钮。 以下是控制器和按钮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>
2 个解决方案
解决方案1
0 2015-02-18 02:34:06
如果将函数放在$ scope上，它将起作用。 或者，您可以将控制器用作语法。 例如
<div ng-controller="MarvelController as ctrl">
<button ng-click="ctrl.chris()">button</button>
</div>
解决方案2
0 2015-02-18 02:46:05
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>
ng-click不触发按钮单击
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.