我在这里创建了一个非常基本的plunker示例：http://plnkr.co/edit/BrLIxSZggZofCBoZpjT4?p=preview
其中/ ng-click或ng-submit中的任何一个都应该打开一个带有’a’字母的简单警报窗口.但是当我点击登录按钮时没有任何反应.更有趣的是,如果我将ng-app更改为ng-app =“test”,则表单会被提交,但警报也不会被调用.
我究竟做错了什么？
基本的例子：
<head> <script data-require="angular.Js@1.2.9" data-semver="1.2.9" src="http://code.angularJs.org/1.2.9/angular.Js"></script> <link rel="stylesheet" href="style.CSS" /> <script src="script.Js"></script></head><body ng-app> <!-- Login --> <form data-title="Sign in" data-value="login" name="login" ng-submit="alert('a')" ng-controller="Ctrl"> <input type="text" name="username" value="" placeholder="Username" ng-model="model.username" ng-minlength="3" required autocAPItalize="false" /> <input type="password" name="password" value="" placeholder="Password" ng-model="model.password" required autocAPItalize="false" autocorrect="false" /> <input type="submit" ng-click="alert('a')" name="login" value="Sign in" /> </form> <!-- / Login --></body></HTML>解决方法 ng-submit指令调用应该在控制器中的函数. 如果表单字段有效,则将触发ng-submit指令
表格/ HTML
<form data-title="Sign in" data-value="login" name="login" ng-submit="submit()" ng-controller="Ctrl"> <input type="text" name="username" value="" placeholder="Username" ng-model="model.username" ng-minlength="3" required autocAPItalize="false" /> <input type="password" name="password" value="" placeholder="Password" ng-model="model.password" required autocAPItalize="false" autocorrect="false" /> <input type="submit" name="login" value="Sign in" /></form>
调节器
function Ctrl($scope) { $scope.model = {}; $scope.submit = function(){ alert('a'); }} Plunkr
总结以上是内存溢出为你收集整理的表单 – ng-submit或ng-click响应表单中的提交按钮全部内容，希望文章能够帮你解决表单 – ng-submit或ng-click响应表单中的提交按钮所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）