Angular 角度-设置表单控件中输入类型编号的默认值
我正在尝试将输入类型编号的默认(初始)值设置为1,但很难弄清楚如何执行。我知道如果没有Angular 角度-设置表单控件中输入类型编号的默认值,angular,typescript,Angular,Typescript,我正在尝试将输入类型编号的默认(初始)值设置为1,但很难弄清楚如何执行。我知道如果没有formControlName,我可以使用value=“1”设置值。我尝试了inputNum:newformcontrol(1,[Validators.required,Validators.pattern(“^[1-9]\\d*$”))) 及 inputNum:newformcontrol([1,Validators.required,Validators.pattern('^[1-9]\\d*$)])未成功
formControlName
,我可以使用value=“1”
设置值。我尝试了inputNum:newformcontrol(1,[Validators.required,Validators.pattern(“^[1-9]\\d*$”)))
及
inputNum:newformcontrol([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>
这是工作支票
this.form.setValue(您的_值)
或者您可以直接在元素上执行此操作,因为有一个VALUE
属性,请选中:@Bargros I完全将问题复杂化了,并且忽略了这一点。谢谢。没问题,那就投赞成票吧?XDI认为您忘记添加formGroup指令@user9553525检查此演示
public form = new FormGroup({
inputNum: new FormControl('', [Validators.required, Validators.pattern('^[1-9]\\d*$')]),
});
get inputNumForm(): FormControl {
return this.form.controls['inputNum'] as FormControl;
}
<input text validateDecimalOnType='false' id='numeric' value='1' />
public form = new FormGroup({
inputNum: new FormControl('1', [Validators.required, Validators.pattern('^[1-9]\\d*$')]),
});