提交按钮不适用于表单
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");
};
});
我对 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");
};
});