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

输出：

参考： https://angular.io/api/forms/NgForm#onsubmit