要将表单数据推送到数组中,你可以使用Angular的表单控件和表单对象来获取表单数据,并使用数组的push方法将数据推送到数组中。下面是一个示例代码:
HTML模板:
数组数据:
- {{item.name}} - {{item.age}}
组件代码:
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
dataArray: any[] = [];
onSubmit() {
if (myForm.valid) {
this.dataArray.push(myForm.value);
myForm.resetForm();
}
}
}
在上面的示例中,我们使用ngSubmit指令在表单提交时调用onSubmit方法。在onSubmit方法中,我们首先检查表单的有效性(valid属性),然后使用表单对象(myForm)的value属性获取表单数据,并将其推送到dataArray数组中。最后,我们通过调用resetForm方法重置表单。
请确保在组件中正确引用了FormsModule,以便使用ngModel和ngForm指令。