angularjs表单数据未正确过帐。？

我的HTML表单数据不是POST

HTML查看页面：-

<div class="col-sm-12">
<div class="card-box">
    <form class="form-inline" name="addstock"
        ng-submit="saveStockPurchaseInvoice()">

        <h3 class="m-t-0 m-b-30 header-title text-center">Invoice
            Details</h3>
        <div class="row" style="margin-bottom: 20px;">

            <div class="form-group col-md-3" style="">
                <select name="supplier" ng-model="productStock.suppliername"
                    class="form-control" required="">
                    <option value="">Select a Supplier</option>
                    <option ng-repeat="allsupplier in supplier"
                        value="{{allsupplier.supplier_id}}">
                        {{allsupplier.supplier_name}}</option>
                </select> <br> <span style="color: red"
                    ng-show="addstock.supplier.$touched && addstock.supplier.$invalid">Supplier
                    is Required.</span>
            </div>

            <div class="form-group col-md-3">

                <input type="text" class="form-control"
                    ng-model="productStock.invoice" id="invoice" name="invoice"
                    placeholder="Enter Invoice Number" required> <br> <span
                    style="color: red"
                    ng-show="addstock.invoice.$touched && addstock.invoice.$invalid">Enter
                    Invoice Number.</span>
            </div>


            <div class="form-group col-md-3">

                <input type="date" name="productdate" id="productdate"
                    ng-model="productStock.productdate" class="form-control"
                    required=""> <br> <span style="color: red"
                    ng-show="addstock.productdate.$touched && addstock.productdate.$invalid">Date
                    is Required.</span>
            </div>

        </div>


        <h3 class="m-t-0 m-b-30 header-title text-center">ITEMS</h3>


        <div ng-repeat="productStock in productStocks"
            style="margin-bottom: 10px;">

            <div class="form-group">
                <!--<input type="text" name="product_name" ng-model="productsStock.product_name"  required="" placeholder="Product Name" class="form-control" id="product_name">-->

                <select name="productStock_name"
                    ng-model="productStock.productStock" class="form-control"
                    required="">
                    <option value="">Select a Product</option>
                    <option ng-repeat="products in allproducts"
                        value="{{products.product_id}}">
                        {{products.product_name}}</option>
                </select> <br> <span style="color: red"
                    ng-show="addstock.productStock_name.$touched && addstock.productStock_name.$invalid">Product
                    Name Required.</span>
            </div>


            <div class="form-group">
                <input id="productstock_qty" type="number" min="1" required=""
                    name="productstock_qty" ng-model="productStock.productstock_qty"
                    placeholder="Product Quantity" class="form-control"> <br>
                <span style="color: red"
                    ng-show="addstock.productstock_qty.$touched && addstock.productstock_qty.$invalid">Product
                    Quantity required.</span>
            </div>


            <div class="form-group">
                <input id="productstock_price" type="number" min="1"
                    ng-model="productStock.productstock_price"
                    name="productstock_price" placeholder="Product Price"
                    class="form-control" maxlength="15" size="10" required="">
                <br> <span style="color: red"
                    ng-show="addstock.productstock_price.$touched && addstock.productstock_price.$invalid">Price
                    required.</span>
            </div>

            <div class="form-group">
                <select name="product_units"
                    ng-model="productStock.productstock_units" class="form-control"
                    required="">
                    <option value="">Select Units</option>
                    <option ng-repeat="units in allunits" value="{{units.unit_id}}">
                        {{units.unit_name}}</option>
                </select> <br> <span style="color: red"
                    ng-show="addstock.product_units.$touched && addstock.product_units.$invalid">Units
                    is required.</span>


            </div>


            <div class="form-group">
                <input id="productstock_cgst" type="text"
                    ng-model="productStock.productstock_cgst" name="productstock_cgst"
                    placeholder="CGST" class="form-control" maxlength="10" size="6"
                    required=""> <br> <span style="color: red"
                    ng-show="addstock.productstock_cgst.$touched && addstock.productstock_cgst.$invalid">required.</span>
            </div>



            <div class="form-group">
                <input id="productstock_sgst" type="text"
                    ng-model="productStock.productstock_sgst" name="productstock_sgst"
                    placeholder="SGST" class="form-control" maxlength="10" size="6"
                    required=""> <br> <span style="color: red"
                    ng-show="addstock.productstock_sgst.$touched && addstock.productstock_sgst.$invalid">required.</span>
            </div>


            <!--<div class="form-group">-->
            <!--    <input id="productstock_gst" type="text"  ng-model="productStock.productstock_gst" ng-keydown="keydownevt()"  name="productstock_gst" placeholder="GST"  class="form-control"  maxlength="10" size="6" required="">-->
            <!--    <br>-->
            <!--    <span style="color:red" ng-show="addstock.productstock_gst.$touched && addstock.productstock_gst.$invalid">required.</span>     -->
            <!--</div>-->


            <div class="form-group">
                <input id="productstock_total" type="text"
                    ng-model="productStock.productstock_total"
                    name="productstock_total" placeholder="Total" class="form-control"
                    required=""> <br> <span style="color: red"
                    ng-show="addstock.productstock_total.$touched && addstock.productstock_total.$invalid">Total
                    is required</span>
            </div>

            <button class="btn btn-danger btn-sm" ng-show="$last"
                ng-click="removeStock()">
                <span class="glyphicon glyphicon-remove"></span>
            </button>
        </div>
        <!-- ng-repeat close for add dynamic product field-->


        <div class="form-group text-right m-b-0">

            <button class="addfields btn btn-info waves-effect waves-light"
                ng-click="addstockproduct()">Add Stock</button>
        </div>

        <div class="form-group text-right m-b-0 pull-right"
            style="margin-top: 10px;">

            <button type="submit" ng-click="" class="btn btn-primary">Save</button>
            <button type="reset" class="btn btn-warning">Reset</button>
        </div>


    </form>
</div>

$scope.removeStock=函数（）{

用于添加记录的angularjs代码：-

$scope.productStock={};
$scope.suplier_succ = false;
$scope.suplier_err = false;

$scope.saveStockPurchaseInvoice=function(){
   $http({
        method: 'post',
        url: 'stock/insert_stock',
        data: $scope.productStock,
        headers: {'Content-Type': 'application/x-www-form-urlencoded'}
    }).success(function (data)
    {
        if (data == 1) {
            $scope.suplier_succ = $scope.suplier_succ ? false : true;
            $scope.succ = "Stock added successfully";
            $timeout(function () {
                $(".modal").modal("hide");
            }, 3000);

            //  $scope.formsup = {}; // clears input fields
            // $scope.addsuppler.$setPristine(); 
            // $scope.addsuppler.$setUntouched(); 

        } else{
            $scope.suplier_err = $scope.suplier_err ? false : true;
            $scope.err = "Stock insertion failed! Try again.";
        }
    });
};

编码点火器控制器：-

公共功能插入股票（）{

我的结果：-（所有记录值都不是POST）

---

我在表单数据发布方面也遇到了同样的问题

我可以通过在http请求中设置

标题：{'Content Type'：undefined}

和

transformRequest:angular.identity

来解决这个问题

下面是我的示例代码

  function Upload(containerName, objFile, objParams) {
        var deferred = $q.defer();

        var frmData = new FormData();
        frmData.append('file', objFile);

        var req = {
            method: 'POST',
            url: window.APIBaseUrl + 'containers/' + containerName + '/upload',
            data: frmData,
            params: objParams,
            headers: { 'Content-Type': undefined },
            transformRequest: angular.identity,
            dataType: "json"
        }

        $http(req).then(function (response) {
            deferred.resolve(response.data);
        }, function (err) {
            deferred.reject(handleHttpError(err));
            $log.error("Error in upload", err);
        });

        return deferred.promise;
    }

这可能对你有帮助

发票联
细节
选择供应商
{{allsupplier.supplier_name}

供应商
是必需的。

进入
发票号码。

日期
是必需的。
项目
选择产品
{{products.product_name}

产品
需要名称。


产品
所需数量。

价格
必修的。
选择单位
{{units.unit_name}

单位
是必需的。

必需的。

必需的。

总数
是必需的
增加库存
拯救
重置
{{productStock}json}
var-app=angular.module（'myApp'，[]）；
app.controller（'myCtrl'，函数（$scope，$http）{
$scope.productStocks=[{id:'firstField2'}]；
$scope.supplier=[{供应商id:1，供应商名称：'abc'}]；
$scope.allproducts=[{产品名称：'qwerty'，产品id:1}]；
$scope.allunits=[{unit_id:1，unit_name:'iop'}]；
$scope.addstockproduct=函数（）{
var newItemNo2=$scope.productStocks.length+1；
$scope.productStocks.push（{'id'：'field'+newItemNo2}）；
}
$scope.removeStock=函数（）{
var itemLast2=$scope.productStocks.length-1；
$scope.productStocks.splice（itemLast2）；
};
$scope.productStock={}；
$scope.suplier\u succ=false；
$scope.suplier\u err=false；
$scope.saveStockPurchaseInvoice=函数（）{
$http({
方法：“POST”，
网址：'http://abcd/insert“，//更改到您的url
数据：JSON.stringify（$scope.productStock），
//标题：{'Content-Type'：'application/x-www-form-urlencoded'}
标题：{“内容类型”：未定义}，
请求：angular.identity，
数据类型：“json”
//“内容类型”：“应用程序/json”
}).然后（功能（响应）
{
如果（数据==1）{
$scope.suplier\u succ=$scope.suplier\u succ？false：true；
$scope.such=“已成功添加库存”；
$timeout（函数（）{
$（“.modal”）.modal（“隐藏”）；
}, 3000);
//$scope.formsup={}；//清除输入字段
//$scope.addsupplier.$setPristine（）；
//$scope.addSupplier.$setUntouched（）；
}否则{
$scope.suplier\u err=$scope.suplier\u err？false:true；
$scope.err=“股票插入失败！请重试。”；
}
});
};
//$request=json\u decode（文件\u获取\u内容（'php://input",对),；
//打印（请求）；
});

当你说“未正确发布”是什么意思？我马上注意到的一点是：首先你使用

productStocks

（复数），然后你使用

productStock

。也许这就是原因。请检查一下你应该将

productStocks

包含在

$scope中。productStock

通过更改-

ng重复=“productStock in productStock.productStocks”

。如果我更改ng repeat=“productStock in productStock.productStocks”则我的项目部分无效。这意味着它不是动态添加的。@Shashashank Vivek my all字段值不是post。删除

标题：{'Content-Type'：'application/x-www-form-urlencoded'}

&只需使用

标题：{'Content-Type'：undefined}

和

transformRequest:angular.identity

在您的http请求中，我还需要一个帮助。如果您在Angularjs登录应用程序中有任何Codeigniter，请与我分享。我没有。如果我的回答对您有帮助，请告诉我。

$scope.productStock={};
$scope.suplier_succ = false;
$scope.suplier_err = false;

$scope.saveStockPurchaseInvoice=function(){
   $http({
        method: 'post',
        url: 'stock/insert_stock',
        data: $scope.productStock,
        headers: {'Content-Type': 'application/x-www-form-urlencoded'}
    }).success(function (data)
    {
        if (data == 1) {
            $scope.suplier_succ = $scope.suplier_succ ? false : true;
            $scope.succ = "Stock added successfully";
            $timeout(function () {
                $(".modal").modal("hide");
            }, 3000);

            //  $scope.formsup = {}; // clears input fields
            // $scope.addsuppler.$setPristine(); 
            // $scope.addsuppler.$setUntouched(); 

        } else{
            $scope.suplier_err = $scope.suplier_err ? false : true;
            $scope.err = "Stock insertion failed! Try again.";
        }
    });
};

    $request = json_decode(file_get_contents('php://input'), TRUE);
    print_r($request);
}

  function Upload(containerName, objFile, objParams) {
        var deferred = $q.defer();

        var frmData = new FormData();
        frmData.append('file', objFile);

        var req = {
            method: 'POST',
            url: window.APIBaseUrl + 'containers/' + containerName + '/upload',
            data: frmData,
            params: objParams,
            headers: { 'Content-Type': undefined },
            transformRequest: angular.identity,
            dataType: "json"
        }

        $http(req).then(function (response) {
            deferred.resolve(response.data);
        }, function (err) {
            deferred.reject(handleHttpError(err));
            $log.error("Error in upload", err);
        });

        return deferred.promise;
    }