動態創建表單並提交后沒有POST數據

Question

我正在使用AngularJS和PHP為自己創建一個小商店系統（出於學習目的），並且遇到了以下問題：

我創建了一個動態購物車，並在ng-click上填充了列表中單擊對象的一些信息。 我保存到一個名為scope.cart的范圍變量，該變量隨后在購物車表中由ng-repeat顯示。 然后，我還自動創建了隱藏的輸入字段，以便在提交后將它們傳遞給$_POST變量。 由於提交后我的POST為空，因此我嘗試使用ng-submit指令在發送公式時使用scope.cart數組創建了一個json文件，因此可以通過PHP進行調用。 但這也不起作用。 現在我被困住了，不知道可能是什么問題。

但是，我認為即使瀏覽器在源代碼中動態添加新字段，輸入字段也為空，當我點擊Submit時，狀態為空。

解決我的問題並將AngJS數據發送到服務器的最佳方法是什么？

 navApp.controller('MainCtrl', ['$scope', '$http', function (scope, http){ scope.submit = function() { var time = Math.floor(Date.now() / 1000); http.post('../dampfen/cfg/orders/cart_' + time + '.json', scope.cart).then(function(data) { alert("Order successfully transferred!"); }); } }]); 

 <div class="panel-body"> <table class="table table-hover"> <thead><tr><th colspan="4">Bestellung</th></thead><tbody> <form name="orderForm" method="POST" ng-submit="submit()" action="index.php?checkout"> <tr ng-repeat="item in cart"> <input type="hidden" name="order[]" value="{{item.id}}" /> <td>1x</td><td><strong>{{item.name}}</strong></td><td>{{item.preis}} <span class="glyphicon glyphicon-euro"></span></td><td><button class="btn btn-xs btn-danger" ng-click="removeFromCart($index)"><span class="glyphicon glyphicon-remove"></span></button></td></tr> </tbody> </table> </div> <div class="panel-footer"> <p class="text-right"><strong>{{cart.sum}} <span class="glyphicon glyphicon-euro"></span></strong></p> <p class="text-left"><button type="submit" class="btn btn-sm btn-success">Checkout</button> <button type="button" class="btn btn-sm btn-danger" ng-click="deleteCart()">Warenkorb l&ouml;schen</button></p> </form> 

Answer 1

<form>元素不能是<tbody>元素的子節點。

您可以在表單中包含整個表格。 您可以在表格單元格中擁有整個表格。

任何其他情況都會導致瀏覽器錯誤恢復，從而可以將表格轉儲到表之外，而將輸入留在后面。

使用基本質量檢查 。 編寫有效的HTML。