如何在angular js中以單一形式創建多個組輸入類型

Question

我在項目中使用 angula js 和 php 我想創建一個表單，有多個輸入類型，在單個表單中分組明智

姓名電子郵件電話姓名電子郵件電話姓名電子郵件電話姓名電子郵件電話名稱電子郵件電話

沒有特定的組，它可以是 10 到 50，所以我想在循環 1 中創建它：如何在循環 2 中創建：如何在服務器上上傳

請幫幫我謝謝

Answer 1

您可以在$scope上使用“ng-repeat”：

<input  ng-model="numberOfInputs" type="text"/>
<button ng-click="myFunc()"> set number of inputs! </button>

<div ng-repeat="item in items">
    <input ng-model="item.name" type="text" />
    <input ng-model="item.phone" type="text" />
</div>

在您的控制器中：

假設我們可以設置輸入的數量並將其存儲在 $scope.numberOfInputs 中：

$scope.items = [];

$scope.myFunc = function(){

    for (i = 0; i < $scope.numberOfInputs.length; i++) { 

         $scope.items.push({id:i,name:'', email:''});
    }

}

然后$scope.items可以通過 angular $http服務發送到 php！ 然后將其轉換為數組使用json-decode() 。 之后使用 php 的foreach循環遍歷這個數組並單獨保存每個！