AngularJS多级表单可以通过使用ng-repeat指令和嵌套的ng-form指令来实现。以下是一个示例代码:
HTML部分:
JavaScript部分:
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.groups = [
{name: '', email: ''}
];
$scope.addNewGroup = function() {
$scope.groups.push({name: '', email: ''});
};
$scope.saveForm = function() {
if ($scope.myForm.$valid) {
// 表单验证通过,执行保存操作
console.log('Form saved!');
}
};
});
在这个示例中,我们使用ng-repeat指令来循环显示多个表单组。每个表单组都有自己的子表单,用于验证和显示错误消息。添加新组时,我们将一个新的空组对象推入groups数组中。保存表单时,我们使用myForm.$valid属性来检查表单是否通过验证。
注意:示例中只提供了基本的表单验证,你可以根据自己的需求进行扩展和修改。