2016-04-24 39 views
1

我使用安古拉JS和PHP項目 我想創建一個表單有是一羣聰明的單一形式像如何角JS創建單一形式的多組輸入型

名稱的多個輸入型電子郵件電話 名電子郵件地址電話 名電子郵件地址電話 名電子郵件地址電話 名電子郵件地址電話

沒有一定的組也可以是10到50,所以我想在循環 1來創建它:如何在循環創建 2:如何在服務器上上傳

請幫我謝謝

回答

1

你可以使用 'NG重複' 上$scope

假設我們可以設置輸入號碼,我們:

<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可以用角度$http服務發送到php! ,然後將其轉換爲數組使用json-decode()。之後,使用php的 foreach循環遍歷這個數組,並保存每一個分離!

+0

如何在循環中創建$ scope.items json數組我將無法修復輸入組的值,它會隨時更改 – mishraoft

+0

好的。我會更新答案! –

+0

我在窗體中的模態,所以我打電話給一個函數$ scope.addAttendance = function(item){}當我調用這個函數時,我已經在這個函數中調用了上面的函數myFunc我得到undefined函數 – mishraoft

相關問題