[英]Angular form doesn't submit
我有这个角度脚本
var app = angular.module('j_app', ['ngMaterial'], function($interpolateProvider) {
$interpolateProvider.startSymbol('<%');
$interpolateProvider.endSymbol('%>');
});
app.controller('j_controller', function($scope, $http) {
$scope.formdata = {};
$scope.formsubmit = function(){
$http({
method : 'POST',
url : '/dodong',
data : $.param($scope.formdata),
headers : {'Content-Type' : 'application/x-www-form-urlencoded'}
}).success(function(data){
console.log(data);
});
};
});
这个角形
<body ng-app="j_app">
<div ng-controller="j_controller">
<form ng-submit="formsubmit()">
<fieldset>
<input type="text" name="username" ng-model="formdata.username" placeholder="Your username here..." />
<input type="password" name="password" ng-model="formdata.password" placeholder="Your password here..." />
</fieldset>
<button>Submit test angular</button>
</form>
</div>
</body>
但是表单没有提交,却什么也没有发生,也没有抛出任何错误。 有任何想法吗?
如果在“ Plunker”中键入此命令,它将起作用:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
</head>
<body ng-app="submitTest">
<script>
angular.module('submitTest', [])
.controller('j_controller', ['$scope', function($scope) {
$scope.text = 'type something, will ya';
$scope.formsubmit = function() {
alert("Called");
};
}]);
</script>
<div ng-controller="j_controller">
<form ng-submit="formsubmit()">
<fieldset>
<input type="text" ng-model="text" name="text" />
</fieldset>
<input type="submit" id="submit" value="Submit" /> </form>
</div>
</body>
</html>
您需要使用<input type="submit">
。
我猜测应该删除此线程,因为AngModel的V6中已弃用了ngModel。 在V7中将被完全删除
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.