时间戳

首页 > 解决方案 > 如何在 formControl 中设置默认值？

angular - 如何在 formControl 中设置默认值？

问题描述

我正在尝试在输入字段中设置时间的默认值，但我无法使用“值”属性来做到这一点。

<input class="form-control" name="absolute type="time" value="23:59" formControlName="absoluteTime">

我尝试使用  

<div [formGroup]="dueDateControl" class="row">
   <input class="form-control style__inputText style__inputText-forms duration" name='absoluteTime' [readonly]="context === 'details'" formControlName="absoluteTime" type="time" required> 
</div>

.ts 文件：

ngOnInit() {
   this.dueDateControl.addControl('absoluteTime', new FormControl('23:59', Validators.required));
}

什么都没有显示，我仍然得到 --:-- ！没有默认值！

标签： angularform-controlformgroups

解决方案

请这样使用

<div [formGroup]="dueDateControl" class="row">
  <input class="form-control style__inputText style__inputText-forms duration" name='absoluteTime' formControlName="absoluteTime" type="time" required>
</div>

dueDateControl= this.formBuilder.group({
    absoluteTime: [''],
  });
  constructor(private formBuilder: FormBuilder) {}
  ngOnInit(): void {
    this.dueDateControl.get('absoluteTime')?.setValue('19:20')
  }

推荐阅读