Question

我加入了一个新项目，并将代码保存到本地。我刚刚开始使用Angular。

该应用程序正在使用Angular6。我不确定正在使用哪种类型的表格。

有什么办法可以找到我吗？

在以下示例中，我认为第一个示例由于使用了“ FormGroup”而正在使用Reactive表单（如果我输入错了，请更正），而我不确定第二个示例。

HTML文件1：

<form [formGroup]="loginForm" (ngSubmit)="Login(loginForm.value)" name="login-form" class="form">
    <div></div>
</form>

ts文件1：

import { FormBuilder, FormGroup, Validators } from '@angular/forms';


public ngOnInit() {
this.getInitData();
this.loginForm = this.formBuilder.group({
  'username': [null, Validators.required],
  'password': [null, Validators.required],
  'rememberMe': false
});

HTML文件2：

<form id="aForm" target="_blank" action="{{Url}}" method="post" #aForm>
   <input type="submit" (click)="aForm.submit()" value="submit" /> 
</form>

ts文件2：

未提及任何表格。

Answer 1

模板驱动的表单位于模板中，而响应式表单则使用来自响应式表单的类，即AbstractControl组。

查看它的一个好方法是：如果您在模板中看到[(ngModel)]，则说明它是由模板驱动的。如果看到formControls formGroups和formArrays，则它是反应性的。

在您的情况下，使用formBuilder表示它是反应性的

如何知道表单是响应式表单还是模板驱动表单

1 个答案: