![](/img/trans.png)
[英]How to create a model with dynamic amount of the nested items TypeScript
[英]Is it possible to create dynamic Typescript type based on some model?
考虑我有一个Address
接口 model:
interface AddressModel {
street: string | null;
streetNumber: string | null;
postalCode: string | null;
city: string | null;
country: string | null;
latitude: number | null;
longitude: number | null;
}
随着 Angular 14 发布,我想创建一个基于AddressModel
的类型化表单组,其中键是表单控件的名称,值是表单控件本身,带有键的透视值,因此结果 model 将是:
interface AddressFormGroup {
street: FormControl<string | null>;
streetNumber: FormControl<string | null>;
postalCode: FormControl<string | null>;
city: FormControl<string | null>;
country: FormControl<string | null>;
latitude: FormControl<number | null>;
longitude: FormControl<number | null>;
}
我知道这可以手动创建 model 但也许 Typescript 具有自动化此过程的功能?
一个简单的映射类型将为您执行此操作。
type ToFormControl<T> = {
[K in keyof T]: FormControl<T[K]>
}
type AddressFormGroup = ToFormControl<AddressModel>
// type AddressFormGroup = {
// street: FormControl<string | null>;
// streetNumber: FormControl<string | null>;
// postalCode: FormControl<string | null>;
// city: FormControl<string | null>;
// country: FormControl<...>;
// latitude: FormControl<...>;
// longitude: FormControl<...>;
// }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.