javascript – 如何在angular 2 Typescript中为FormBuilder对象设置值

前端之家收集整理的这篇文章主要介绍了javascript – 如何在angular 2 Typescript中为FormBuilder对象设置值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用了Reactive form Validation(模型驱动的验证),但是无法在Dropdown更改时将值设置为form对象

这是我的Formgroup

studentModel:StudenModel
AMform: FormGroup;
Name = new FormControl("",Validators.required);
Address = new FormControl("",Validators.maxLength(16));

constructor(fb: FormBuilder){     
  this.AMform = fb.group({
    "Name": this.Code,"Address": this.Abbrev,});
}
onAccntChange(event: Event) {
  // set the value from Class Model
  ////  this.studentModel 
  // how to set this.studentModel value to form
}

这是我的html页面

<form [formGroup]="AMform" (ngSubmit)="submit()">
    <select (change)="onAccntChange($event)" class="form-control" [disabled]="ddlActivity" formControlName="AccountManagerID">
        <option value="0">Select</option>
        <option *ngFor="let item of allStudent" value={{item.StudentID}}>
            {{item.Name}}
        </option>
    </select>

    <div class="col-sm-9">
        <input type="text" class="form-control" formControlName="Name">
    </div>
    <div [hidden]="Name.valid || Code.pristine" class="error"> Name is required </div>

    <div class="col-sm-9">
        <input type="text" class="form-control" formControlName="Address">
    </div>
    <div [hidden]="Address.valid || Address.pristine" class="error">Address is required </div>

    <button type="submit" class="btn btn-warning "><i class="fa fa-check-square"></i> Save</button>
</form>

在更改时,我需要设置formcontrol值

解决方法

您可以通过在FormControl对象上调用setValue方法来实现:
(<FormControl> this.AMform.controls['Name']).setValue("new value");

要么:

this.Name.setValue("new value");
原文链接:https://www.f2er.com/js/155608.html

猜你在找的JavaScript相关文章