如何爲angularjs中的表單字段生成json數據

我是JSON數據的新手，請幫助我！我有單一的網頁與多個形式，這是驗證使用angularjs，我想生成的JSON數據的字段在該窗體中。哪些方法應該用來生成JSON數據併發布該方法的語法。如何爲angularjs中的表單字段生成json數據

我的HTML代碼是這樣

<td > 
<input type="text" style="width:100px" ng-model="cost" ng-disabled="status!=true" required> 
</td> 
<td > 
<input type="text" style="width:110px" ng-model="price" ng-disabled="status!=true" required> 
</td>

我angularjs代碼

var validationApp = angular.module('validationApp', ['ngFlag']); 

// create angular controller 
validationApp.controller('mainController', function($scope) { 

$scope.style 
{ 
    $scope.buttonCSS= "clicked"; 
}; 
$scope.style2 
{ 
} 
$scope.invoice = { 
    items: [{ 
     loyality: [{name:'points'},{name:'credits'}], 
     value:0, 
    period: [{name:'activity1'},{name:'activity2'}] 
     }], 
     items1:[{currency: [{name:'point'},{name:'credit'}], value1:0 }] 

}; 
});

來源

2015-12-28 V Jayanth Reddy

角，您可以將ng-model域綁定作爲對象的一部分。所以不是將每個表單域綁定到一個單獨的值。使它們成爲單個對象中的一個屬性。

<input type="text" ng-model="myForm.productName"/> 

<input type="text" ng-model="myForm.productCount"/>

然後，您有一個JSON對象myForm有從表單中的所有值，並可以從controller訪問。

來源

2015-12-28 12:41:14 Malkus

閱讀關於ng-model以及雙向約束如何工作。

<input type="text" ng-model="yourobj.name" /> 
<form name="myForm" ng-click="submit()">

而在你的controller，你可以抓住像下面的表單輸入字段。

(function(){ 

    angular.module("yourapp").controller(['$scope', function(){ 

    $scope.submit=function(){ 
     var jsonData = $scope.yourObj; 
     console.log(jsonData); 
    } 

    }]) 

})();

來源

2015-12-28 12:41:51 Thalaivar

如何爲angularjs中的表單字段生成json數據

回答

相關問題