繁体   English   中英

Angular - 在表单控件中为输入类型编号设置默认值

[英]Angular - Set Default Value For Input Type Number In Form Control

我试图将输入类型编号的默认(初始)值设置为 1,但很难弄清楚如何去做。 我知道如果没有formControlName ,我可以使用value="1"设置值。 我试过inputNum: new FormControl(1, [Validators.required, Validators.pattern('^[1-9]\\\\d*$')])

inputNum: new FormControl([1, Validators.required, Validators.pattern('^[1-9]\\\\d*$')])没有成功。

输入的初始值应为 1,但我应该能够将其设置为 1 为任何正整数。

 <input formControlName="inputNum" class="form-control" [ngClass]="{'is-invalid':inputNumForm.touched && inputNumForm.errors}" type="number">
    <div class="invalid-feedback" *ngIf="inputNumForm.touched && inputNumForm.errors">
       <label *ngIf="inputNumForm.errors.required">Numbers Only</label>
    </div>
  public form = new FormGroup({
    inputNum: new FormControl('', [Validators.required, Validators.pattern('^[1-9]\\d*$')]),
  });

  get inputNumForm(): FormControl {
    return this.form.controls['inputNum'] as FormControl;
  }

 public form = new FormGroup({
    inputNum: new FormControl('1', [Validators.required, Validators.pattern('^[1-9]\\d*$')]),
 });

这是工作示例签出

<input text validateDecimalOnType='false' id='numeric' value='1'  /> 

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM