提交按钮不适用于表单答案

【问题标题】：Submit button not working with Form提交按钮不适用于表单
【发布时间】：2015-06-10 13:50:14
【问题描述】：

我有一个角度表单的问题，表单中的提交按钮只会导致表单执行标准提交，而不是运行 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");
    };
});

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

【问题讨论】：

它应该可以工作，检查控制台检查是否有任何错误？ plnkr.co/edit/F3BrfWN4XreryendGmJY?p=preview
plnkr.co/edit/rw6DZvE9EPX9Zc0tiPhx?p=preview一个例子供大家理解
这是运行您的代码的简单小提琴：jsfiddle.net/vh3n1dp2 .. 对我来说没有问题

标签： angularjs angularjs-forms

【解决方案1】：

我认为您忘记在您的应用中包含“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");
    };
});

【讨论】：

【解决方案2】：

我认为你没有使用 ng-app 或者你因为任何未定义的东西或任何其他原因而出错，否则它工作正常解决方案的简单小提琴：-
https://jsfiddle.net/vh3n1dp2/2/

【讨论】：