Html 如何在angularjs中为表单字段生成json数据
我不熟悉JSON数据,所以请帮助我!! 我有一个包含多个表单的网页,使用angularjs进行验证, 我想为表单中的字段生成JSON数据,那么应该使用哪些方法来生成JSON数据以及这些方法的post语法 我的html代码如下Html 如何在angularjs中为表单字段生成json数据,html,angularjs,json,Html,Angularjs,Json,我不熟悉JSON数据,所以请帮助我!! 我有一个包含多个表单的网页,使用angularjs进行验证, 我想为表单中的字段生成JSON数据,那么应该使用哪些方法来生成JSON数据以及这些方法的post语法 我的html代码如下 <td > <input type="text" style="width:100px" ng-model="cost" ng-disabled="status!=true" required> </td> <td > &
<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>
Angular允许您将
ng模型
字段绑定为对象的一部分。因此,不要将每个表单字段绑定到单个值。使它们成为单个对象中的一个属性
<input type="text" ng-model="myForm.productName"/>
<input type="text" ng-model="myForm.productCount"/>
然后,您将拥有一个JSON对象
myForm
,该对象包含表单中的所有值,并且可以从controller
访问该对象,了解ng model
以及双向绑定的工作原理
<input type="text" ng-model="yourobj.name" />
<form name="myForm" ng-click="submit()">
<input type="text" ng-model="yourobj.name" />
<form name="myForm" ng-click="submit()">
(function(){
angular.module("yourapp").controller(['$scope', function(){
$scope.submit=function(){
var jsonData = $scope.yourObj;
console.log(jsonData);
}
}])
})();