2015-06-10 22 views
1

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

在这个问题上的任何想法,我一直在尝试了几天,没有什么我曾尝试已工作将是巨大的。

+1

它应该工作,检查控制台,以检查是否有任何错误? http://plnkr.co/edit/F3BrfWN4XreryendGmJY?p=preview –

+0

http://plnkr.co/edit/rw6DZvE9EPX9Zc0tiPhx?p=preview 为您理解的示例 –

+0

下面是运行代码的简单小提琴:https:// jsfiddle.net/vh3n1dp2/ ..没有问题给我 –

回答

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"); 
    }; 
}); 
1

我想你没有使用NG-应用程序,或者你因为任何不确定的东西或任何其它原因elsewise它做工精细 简单捣鼓的解决方案得到错误: -
https://jsfiddle.net/vh3n1dp2/2/