1. 首頁
  2. 問答
  3. AngularJS ng提交截取表單提交

AngularJS ng提交截取表單提交

2014-02-19 140 views
1

我剛開始學習AngularJS，我的第一個頁面需要攔截提交。我想用NG提交指令，但它似乎有一些錯誤的，我的代碼：AngularJS ng提交截取表單提交

<html ng-app> 
<head> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script> 

<script> 
function MyFormController($scope) { 
    scope.add = function(field) { 
    alert(field); 
}; 
} 
</script> 
<body> 
<div ng-controller="MyFormController"> 
<form ng-submit="add(field)"> 
    <input type="text" name="field" ng-model="field" /> 
    <input type="submit" value="Submit" /> 
</form> 
</div> 
</body> 
</html>

我已經添加了一個ALTER，看是否add函數被調用，但不顯示任何內容。我想這肯定是一個愚蠢的問題，但我無法抓住它。任何幫助？
謝謝！

來源

2014-02-19 user2824073

+3

錯字？範圍而不是$範圍？下次如果遇到這樣的問題，請先嚐試打開你的chrome dev工具或firebug並觀看控制檯！ – Dieterg

回答

0

可以保存的值沒有參數：

<script> 
function MyFormController($scope) { 
    $scope.add = function() { 
    alert($scope.field); 
}; 
} 
</script> 

<body> 

<div ng-controller="MyFormController"> 

    <form ng-submit="add()"> 
    <input type="text" name="field" ng-model="field" /> 
    <input type="submit" value="Submit" /> 
    </form> 

</div> 

</body>

來源

2014-08-12 07:13:58 eusoj

0

請試試這個。 

<script> 
function MyFormController($scope) { 
    $scope.add = function(field) { 
    alert($scope.field); 
}; 
} 
</script> 
<body> 
<div ng-controller="MyFormController"> 
<form ng-submit="add()"> 
    <input type="text" name="field" ng-model="field" /> 
    <input type="submit" value="Submit" /> 
</form> 
</div> 
</body> 
</html>

來源

2014-08-12 07:20:31

相關問題

 相關問題