角js ng-单击不触发
[英]angular js ng-click not firing
问题描述
我不明白我在哪里犯了错误。
<div ng-app="nameApp" ng-controller="nameCntrl">
<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">
<thead><tr><th>Name</th><th>Value</th></tr></thead><tbody>
<tr><td>Chris </td>
<td><input type="text" size="4" ng-model="numDays"/>
<input type="button" value="submit" ng-click="submitbutton"/></td></tr>
</table>
{{numDays}}
</div>
var app = angular.module('nameApp', []);
app.controller('nameCntrl',function($scope) {
console.log($scope);
$scope.numDays = 5;
$scope.submitbutton = function() {
alert($scope.numDays);
}
});
http://jsfiddle.net/srvdfv6y/1/
2 个解决方案
解决方案1
3 已采纳 2015-11-04 21:14:16
您编写的应用程序是正确的，只是要注意在事件DOM准备就绪之前加载角度脚本。
查看更新的小提琴
另外，如@TjGienger所注意到的， ng-click="submitbutton"应该是ng-click="submitbutton()" 。
解决方案2
1 2015-11-04 21:21:54
您需要将submitbutton()指定为ng-click语句
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <script> var app = angular.module('nameApp', []); app.controller('nameCntrl', function($scope) { console.log($scope); $scope.numcDays = 5; $scope.myValue = true; $scope.submitbutton = function() { alert($scope.numcDays); $scope.myValue = false; } }); </script> <body> <div ng-app="nameApp" ng-controller="nameCntrl"> <table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;"> <thead> <tr> <th>Name</th> <th>Value</th> </tr> </thead> <tbody> <tr> <td>Chris</td> <td> <input type="text" size="4" ng-model="numDays" /> <input type="button" value="submit" ng-click="submitbutton()" /> </td> </tr> </table>{{numDays}} <div ng-hide="myValue">Answer submitted</div> </div> </body>
Angular js ng-click不会触发超链接
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.