提交按钮不适用于表单

Submit button not working with Form

我对 angular 中的表单有疑问,其中表单中的提交按钮只会导致表单执行标准提交,而不是 运行 ng-click 中定义的内容。就好像什么是 ng-click 甚至都没有被调用。

这里是html和js

<form ng-controller="formController" name="create_champion_form">
    {{ create_champion_form.as_p }}
    <button ng-click="submit()">Hello</button> 
</form>

 urm.controller('formController', function($scope) {
    $scope.submit = function() {
        alert("Working");
    };
});

关于这个问题的任何想法都会很棒,因为我已经尝试了几天,但我尝试过的任何方法都没有奏效。

我认为您没有使用 ng-app,或者您遇到错误是因为任何未定义的事情或任何其他原因,否则它工作正常 简单的 fiddle 解决方案:-
https://jsfiddle.net/vh3n1dp2/2/

我想你忘了在你的应用程序中包含 'ng-app'。我试过这个并且工作正常。工作代码是:

Html:

<body ng-app='app'>
  <form ng-controller="formController" name="create_champion_form">
    {{ create_champion_form.as_p }}
    <button ng-click="submit()">Hello</button> 
</form>
</body>

Javascript:

var urm=angular.module('app',[]);
urm.controller('formController',function($scope){
  $scope.submit = function() {
        alert("Working");
    };
});