在Angular中,表单控件需要通过FormControl来管理。我们可以使用泛型来指定FormControl的类型,以确保表单控件与模型中的属性类型匹配。
例如,我们定义一个模型类:
export class User {
name: string;
age: number;
}
然后在组件中使用FormControl:
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
import { User } from './user.model';
@Component({
selector: 'app-root',
template: `
`
})
export class AppComponent implements OnInit {
userForm: FormGroup;
ngOnInit() {
this.userForm = new FormGroup({
name: new FormControl(),
age: new FormControl()
});
}
}
请注意,我们没有指定FormControl的类型。因此,当我们在模板中使用表单控件时,类型将显示为“
为了解决这个问题,我们可以使用泛型来指定FormControl的类型:
export class AppComponent implements OnInit {
userForm: FormGroup;
ngOnInit() {
this.userForm = new FormGroup({
name: new FormControl(),
age: new FormControl()
});
}
}
现在,当我们在模板中使用表单控件时,正确的类型将显示在下拉列表中。