在Angular 14类型化表单中,为数字控件设置初始值可以使用FormControl类的setValue方法。以下是一个示例,其中数字控件的初始值为10:
在component.ts文件中:
import { Component, OnInit } from '@angular/core';
import { FormControl, FormGroup } from '@angular/forms';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
myForm = new FormGroup({
numberControl: new FormControl()
});
ngOnInit(): void {
this.myForm.controls.numberControl.setValue(10);
}
}
在component.html文件中:
在上面的示例中,我们首先导入FormControl和FormGroup类。然后,在组件的OnInit钩子中,我们为数字控件设置了初始值。最后,在模板中,我们使用了formControlName指令将FormControl与数字控件进行绑定。
这样,当页面加载完成时,数字控件就会自动填充为初始值10。
上一篇:Angular14库项目安装了错误的依赖版本,导致构建消费者项目时出现冲突。
下一篇:red hat enterprise linux-RedHatEnterpriseLinux:服务器世界的超级英雄,稳定性与开源特性的完美结合