2015-06-10 96 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/