2017-03-08 3 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

감사합니다. @Jarek. 문제는 3 개의 입력 양식이 있고 다른 5 개의 입력 행을 클릭하면 드롭 다운 단추가 추가되는 것입니다. 전체 입력 요소 (3 + 5)는 단일 형식 안에 있습니다. 첫 번째 양식의 데이터를 가져와 두 번째 양식의 데이터를 게시해야합니다 (때로는 게시 할 필요가 없습니다). 그리고 그 형식이 편집되면 전체 (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. 나는 이것을 시도 할 것이다. JSON 스키마, REST 용 스키마를 작성할 때 JSON 스키마에 이름 또는 모델 이름을 스키마 속성에 기록하여 db에 저장할지 여부 또는 API를 호출해야하는지 여부를 알려주십시오. – NoobOwl