2017-03-08 12 views
0

は、このフォームであると仮定します。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> 

どのように我々は、名前やDBにそれを格納するためのNG-モデルとJSONスキーマを記述する必要がありますか?

+0

あなたの問題は何ですか? formDateをJSONとして送信し、同じオブジェクトにputを受け取ることができます。 – Jarek

+0

formDateをjsonに解析する方法を意味しますか?あなたのng-modelからJSONスキーマを書くには? – Jarek

+0

ありがとう@ジャレク。問題は、私は3つの入力のフォームがあり、そのフォームの中にもう1つの5つの入力行をクリックすると追加のボタンが現れるということです。入力要素(3 + 5)全体が単一のフォーム内にあります。私は1番目のフォームのデータを取得し、2番目のフォームのデータをポストする必要があります。そのフォームが編集されている場合は、(3 + 5)入力要素全体をdbにポストする必要があります。また、私はそのフォームのJSONスキーマがどのようになるのだろうかと思っていましたか? – NoobOwl

答えて

0

次のようなことができます。使用していたバージョンの唯一の問題は、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>

+0

ありがとう@tanmay。私はこれを試してみる。 REST用のスキーマをJSONスキーマに書くときのJSONスキーマについて教えてください。スキーマプロパティに名前やモデル名を記述してdbに保存するか、APIを呼び出す必要があるかどうかを教えてください。 – NoobOwl

関連する問題