我加入了一个新项目并将代码转移到本地。我刚刚开始使用 Angular。
该应用程序正在使用 Angular 版本 6。我不确定正在使用哪种类型的表单。
有什么办法可以查到吗？
在下面的示例中，我认为第一个示例由于“FormGroup”而使用了响应式表单(如果我错了，请纠正我)，而我不确定第二个示例。
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:
没有提到任何有关表单的内容。
最佳答案
模板驱动的表单位于模板中，响应式(Reactive)表单使用响应式(Reactive)表单中的类，即 AbstractControl 组。
查看它的一个好方法是:
如果您在模板中看到 [(ngModel)]，则它是模板驱动的。如果您看到 formControls formGroups 和 formArrays，则它是 react 性的。
就您而言，使用 formBuilder 意味着它是 react 性的
关于angular - 如何知道表单是响应式表单还是模板驱动表单，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55885803/