AngularJS表单验证,其中数据根据活动模型索引进行更改
我有一个表单,用户输入预订数据,在它上面我有一个预订编号选择器,这样用户可以一次输入多个预订数据,他可以添加/删除预订,并且预订数组在控制器端得到更新。表单始终保持不变,更改的是控制器端的currentBookingId变量,该变量反过来使表单数据发生更改,如果我单击“提交”,并且当前预订有无效数据,$valid属性将阻止事件发生,但是如果活动预订有效,即使其他预订有空字段,表单也会被提交,我知道我可以使用一个函数来验证每个预订,但我想知道这是否可以通过表单实现。$valid 其中一个表单输入代码:AngularJS表单验证,其中数据根据活动模型索引进行更改,angularjs,forms,validation,Angularjs,Forms,Validation,我有一个表单,用户输入预订数据,在它上面我有一个预订编号选择器,这样用户可以一次输入多个预订数据,他可以添加/删除预订,并且预订数组在控制器端得到更新。表单始终保持不变,更改的是控制器端的currentBookingId变量,该变量反过来使表单数据发生更改,如果我单击“提交”,并且当前预订有无效数据,$valid属性将阻止事件发生,但是如果活动预订有效,即使其他预订有空字段,表单也会被提交,我知道我可以使用一个函数来验证每个预订,但我想知道这是否可以通过表单实现。$valid 其中一个表单输入代
<input type="text" id="clientName" ng-model="NewBookings.bookings[NewBookings.currentBookingId].clientName" required>
以及预订选择器代码:
<button type="button" ng-click="NewBookings.addBooking()">+</button>
<button type="button" ng-repeat="i in NewBookings.bookings" ng-click="NewBookings.switchBooking($index)">
Booking #{{$index+1}}
</button>
<button type="button" ng-click="NewBookings.deleteBooking()" ng-disabled="NewBookings.bookings.length == 1">-</button>
+
预订{{$index+1}
-