Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在angularjs中为表单字段生成json数据_Html_Angularjs_Json - Fatal编程技术网

Html 如何在angularjs中为表单字段生成json数据

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 > &

我不熟悉JSON数据,所以请帮助我!! 我有一个包含多个表单的网页,使用angularjs进行验证, 我想为表单中的字段生成JSON数据,那么应该使用哪些方法来生成JSON数据以及这些方法的post语法

我的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>

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); 
     }

   }])

})();