我們如何使用帶有JSON模式的angularjs在相同的HTML表單中發送和接收數據？

假設是這樣的形式：我們如何使用帶有JSON模式的angularjs在相同的HTML表單中發送和接收數據？

<form name="inputForm"> 
<input type="text" name="ipname" ng-model="formData.name"> 
<input type="text" name="ipage" ng-model="formData.age"> 
<button ng-submit="formSubmit(formData)"></button> 
</form>

我們如何需要寫JSON模式與名稱或NG-模型將其存儲在數據庫？

來源

2017-03-08 NoobOwl

什麼問題了嗎？你可以發送formDate爲JSON並接收放入同一個對象。 – Jarek

你的意思是如何解析formDate到json？如何從你的ng模型編寫JSON模式？ – Jarek

謝謝@Jarek。問題是我有一個3輸入的形式，內部形成一個額外的按鈕，當點擊下拉另外5個輸入行。整個輸入元素（3 + 5）都在一個表單中。我需要獲取第一表格的數據和第二表格的數據（有時不需要張貼）。如果編輯該表單需要將整個（3 + 5）個輸入元素髮布到db。另外我想知道如何JSON模式的形式是？ – NoobOwl

您可以按照以下方法進行操作。在你的版本中唯一的問題是你使用ng-submit與按鈕應該在form級別使用。

var app = angular.module('test',[]); 
 

 
app.controller('testController',function($scope){ 
 
    $scope.formData = {} 
 
    
 
    $scope.formSubmit = function() { 
 
    // Form validations 
 
    console.log($scope.formData) 
 
    // Use formData JSON Object to send it to API using $http/$resource 
 
    } 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script> 
 
<body ng-app="test" ng-controller="testController"> 
 
    <form name="inputForm"> 
 
    <input type="text" name="ipname" ng-model="formData.name"> 
 
    <input type="text" name="ipage" ng-model="formData.age"> 
 
    <button ng-click="formSubmit()">Submit</button> 
 
    </form> 
 
</body>

來源

2017-03-08 10:10:10 tanmay

謝謝@tanmay。我會試試這個。在JSON模式中編寫REST模式時，請告訴我有關JSON模式的問題，無論名稱或模型名稱是寫入模式屬性以保存到數據庫還是需要調用API？ – NoobOwl

我們如何使用帶有JSON模式的angularjs在相同的HTML表單中發送和接收數據？

回答

相關問題