AngularJS 表单 ngSubmit() 方法
在本文中,我们将了解 Angular 10 中的 ngSubmit 方法是什么以及如何使用它。
当在 ngForm 上触发 'submit' 事件时,会调用ngSubmit()方法。
句法:
参数:
- $event: “提交”事件对象
方法:
- 创建一个要使用的 Angular 应用程序。
- 在 app.component.ts 中,创建一个从表单中获取值的数组。
- 在 app.component.html 中,创建一个表单并使用 (ngSubmit) 方法发送值。
- 使用 ng serve 为 Angular 应用程序提供服务以查看输出。
例子:
app.component.ts
import { Component, Inject } from '@angular/core';
import { FormGroup, FormControl, FormArray, NgForm } from '@angular/forms'
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
submit(form: NgForm) {
console.log(form.value);
}
}
app.component.html
app.component.html
输出:
参考: https://angular.io/api/forms/NgForm#onsubmit