在Angular中,可以使用模板驱动表单来处理以对象数组形式发送数组数据的情况。下面是一个示例的解决方法:
首先,创建一个包含数组属性的模型对象,例如:
export class User {
name: string;
email: string;
}
export class FormModel {
users: User[];
}
接下来,在模板中使用ngFor
指令来循环显示每个用户的输入框,并使用数组索引来追踪每个用户的属性。例如:
在组件类中,创建一个formModel
对象,并在submitForm()
方法中处理表单提交事件。例如:
import { Component } from '@angular/core';
import { FormModel, User } from './form.model';
@Component({
selector: 'app-form',
templateUrl: './form.component.html',
styleUrls: ['./form.component.css']
})
export class FormComponent {
formModel: FormModel = new FormModel();
submitForm() {
// 发送数组数据
console.log(this.formModel.users);
}
}
这样,当用户填写表单并点击提交按钮时,submitForm()
方法会将包含所有用户对象的数组发送到控制台中。
请注意,在这个示例中,我们使用了[(ngModel)]
指令来实现双向数据绑定,以便在用户输入时更新模型对象的属性。
希望这个示例能够帮助你解决问题!