각도 js에서 동적 필드가있는 양식 제출

Question

기능 : 에 자원을 추가 할 때. 리소스는 form B에 표시됩니다. 그런 다음 form B을 제출해야합니다.

제출할 수 없습니다. 주된 이유는 form B에 표시된 모든 필드가 루프에 있습니다. 그래서 저는 각 분야에 구체적인 이름을 부여 할 수 없습니다.

HTMLCodes of form B

<form id="attendanceSheet" name="attendanceSheet" ng-submit="fillupAttendanceSheet(attendanceSheet.$valid)" >     
<table ng-table="tableParams" class="table"> 
    <tr ng-repeat="resource in resources"> 
     <td data-title="'Billable Resource'" style="text-align:center"><b>{{resource.resource_name}}</b></td>        
     <td data-title="'Working Hours'" style="text-align:center"><input type="number" style="width: 55px;" min="0" max="8" ng-model="timeSheetTest.hour" value="8" required></td> 
     <td data-title="'Working Hours'" style="text-align:center"><input type="number" style="width: 55px;" ng-model="timeSheetTest.nonhour" min="0" max="8" required></td> 
    </tr> 
</table> 
<div class="span2"> 
    <button name="loginBtn" type="submit" class="btn" type="submit">Submit Sheet</button> 
</div> 
</form> 

controller.jscodes of form B

var addTimeSheet = function(timeSheetTest) { 
console.log(timeSheetTest); // here I should get the form values 
} 

$scope.fillupAttendanceSheet = function(isFormValid) { 
    if(isFormValid){ 
     addTimeSheet($scope.timeSheetTest); 
} 

Answer 1

사용 $ 지수는 각 행 timeSheetTest[$index].hour

0 새 필드를 만들 수 있습니다

<input type="number" style="width: 55px;" min="0" max="8" ng-model="timeSheetTest[$index].hour" value="8" required> 

당신이 객체의 배열을 얻을 이런 식으로 ...