我有一個帶有兩種提交輸入類型的表單。根據(jù)單擊的提交，我想將表單保存為草稿或正確的表單。我正在考慮向提交輸入添加一個值/屬性，也許是 ng-model 屬性。<form ng-submit="submitNew()"> <div> Text: <input type="text" ng-model="myForm.text" /> </div> <div> <input type="submit" name="correct" value="Add new" /> </div> <div> <input type="submit" name="draft" value="Save as draft" /> </div> </div></form>在控制器中，我想將其作為布爾值（“myForm.isDraft”）添加到使用 POST 方法發(fā)送的數(shù)據(jù)中：myApp.controller('myAppController', ['$scope', '$http', '$log', function($scope, $http, $log) { $scope.submitNew = function() { $http({ method: 'POST', url: '/app/submit', data: { text: $scope.myForm.text, isDraft: $scope.myForm.isDraft, } }) }; }]);它如何處理提交類型的輸入？
2 回答
GCT1015
TA貢獻1827條經(jīng)驗 獲得超4個贊
嘗試將其放在類似的函數(shù)上
$scope.setDraft = function(isDraft) {
$scope.isDraft = isDraft;
//try console.log() to see if the values are correct
//but if its keeps return false try adding this $scope.$apply();
}
在你的html中會是這樣的
<div>
<input type="submit" ng-click="setDraft(false)" value="Add new" />
</div>
<div>
<input type="submit" ng-click="setDraft(true)" value="Save as draft" />
</div>
或者您可以使用 @Eric 建議而不是使用 ng-submit，只需創(chuàng)建新函數(shù)并在 ng-click 上使用，如下所示
$scope.submitNew = function(isDraft) {
$http({
method: 'POST',
url: '/app/submit',
data: {
text: $scope.myForm.text,
isDraft: isDraft,
}
})
};
在html中會是這樣的
<form>
<div>
Text:
<input type="text" ng-model="myForm.text" />
</div>
<div>
<input type="button" ng-click="submitNew(false)" name="correct" value="Add new" />
</div>
<div>
<input type="button" ng-click="submitNew(true)" name="draft" value="Save as draft" />
</div>
</div>
</form>
- 2 回答
- 0 關注
- 222 瀏覽
添加回答
舉報
0/150
提交
取消