Question

我正在尝试将输入类型编号的默认（初始）值设置为1，但很难弄清楚该怎么做。我知道如果没有value="1"，我可以用formControlName设置值。我尝试了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;
  }

Answer 1

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

Answer 2

这是工作中的Example结帐

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

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

2 个答案: