我是Angular的新手,但谷歌很老.
我无法找到如何使用Angular提交此表单,就像我们在jQuery中一样.
<form>
<input type="text" />
<button type="button" class="saveDraft">Save Draft</button>
<button type="submit">Submit</button>
<form>
我想从保存草稿按钮提交此表单,但不是正常的提交按钮.
我们使用的jQuery
$('.saveDraft').click(function () {
$('form').submit(); // this will submit form
});
你可能会惊讶我为什么要这样做，但这是必须的。我无法解决，所以请你帮我..如果是，我们走吧！
我有一个表单，我希望如果我点击提交，应该生成一个动作/事件来停止表单提交，并告诉我您的表单未提交。就是这样。
这是我的表格：
<div ng-app="myApp" ng-controller="myCtrl">
<form>
First Name: <input type="text" ng-model="firstName" required><br>
Last Name: <input type="text" ng-model="lastName" required><br>
<input type="submit" value="submit form"/>
</form>
</div>
这是 AngularJS 控制器：
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
// Execute form submission
// handle data and prevent redirect
});
</script>
如果我问一些无关紧要的事情，我很遗憾，但我认为可以做到，而我目前无法做到。
谢谢。
我将 an 绑定ng-model到输入，但它所绑定的变量的值不会在div声明该指令的位置之外更新：
<div input-field
ng-if="startTypes.selected.value == 'LocalDate' || startTypes.selected.value == 'LocalDateTime'">
<input id="date" type="text" ng-model="date" input-date>
<label for="date">Date</label>
Date inner scope: {{date}}
</div>
Date outer scope: {{date}}
选择新日期时，仅date更新内部日期。外部保留旧值（这可能是undefined或不是，取决于我是否在控制器中声明它，这并不重要）。
我正在使用Angular-Materialize，我不确定这是否是问题的根源，但这没有意义，因为它是 Angular 与 CSS 框架MaterializeCSS一起使用的特定框架。
这是我正在使用的组件。
编辑：
我尝试date在控制器中声明为，$scope.date = new Date()并且当前日期确实已加载到日期选择器中。但是，当选择日期并且模型发生更改时，它仅在本地更新（内部范围），而在外部范围中旧值保留。
我是Angular JS的noob,我很难使用Angular JS和Spring MVC提交一个简单的Form.我收到此错误:
请求的资源不可用
mock.jsp
<%@taglib prefix='c' uri='http://java.sun.com/jsp/jstl/core'%>
<%@taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@taglib prefix="security"uri="http://www.springframework.org/security/tags" %>
<!doctype html>
<html>
<head>
<title>Settings</title>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/workflow.css">
<link rel="stylesheet" href="css/upload.css">
<link rel="stylesheet" href="css/jquery.qtip.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="shortcut icon" href="images/logo-small.png" />
</head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module('formSubmit', []);
app.controller('FormSubmitController',[ '$scope', '$http', function($scope, $http) {
$scope.list = [];
$scope.headerText = 'AngularJS Post Form Spring MVC example: Submit below form';
$scope.submit = function() {
var formData = …