Question

我是棱角分明的新手，并且看到很多视频用于模型驱动的方法。他们都在下面的组件中创建表单并初始化属性。

export class LoginComponent implements OnInit {
    loginForm: FormGroup;
    model: loginModel;

ngOnInit() {
        this.loginForm = new FormGroup({
            'UserName': new FormControl(null, [Validators.required, Validators.email]),
            'Password': new FormControl(null, Validators.required)
        })
    }

    onSubmit() {
        console.log(this.loginForm);
    }
}

我初始化了我的fromGroup指定我的类结构。是否可以创建链接模型而不在组件中声明其结构，如.net mvc（html页面中的model.property名称）？

Answer 1

您的模板如下所示：

<form [formGroup]="loginForm" (ngSubmit)="onSubmit()">
 <input type="text" formControlName="UserName">
 <input type="password" formControlName="Password">
 <button type="submit">Login</button>
</form>

以下是角度反应形式文档的链接：https://angular.io/guide/reactive-forms

评论后修改：

根据需要，您不需要反应形式，只需使用普通对象：

在组件方面：

credentials = {};

模板：

<form>
 <input type="text" [(ngModel)]="credentials.login">
 <input type="password" [(ngModel)]="credentials.password">
<form>

如何在角度4反应方法中使用或链接类

1 个答案: