Comment définir la valeur à FormBuilder objet angulaire 2 Tapuscrit

Je suis habitué Réactif de Validation de formulaire(Model driven de validation), mais ne peux pas régler la valeur de l'objet de forme sur la liste Déroulante changer

C'est mon 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
}

C'est Ma page 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>

Sur le changement j'ai besoin de régler le formcontrol valeur

InformationsquelleAutor coder | 2016-10-17
  1. 13

    Vous pouvez achievie qu'en invoquant setValue méthode sur votre FormControl objet:

      (<FormControl> this.AMform.controls['Name']).setValue("new value");

    ou:

    this.Name.setValue("new value");
    • u peut pls ce un
    • Nom = new FormControl({ valeur:", les handicapés: true }, [Validateurs.nécessaire, les Validateurs.maxLength(10) ]); je veux désactivé faux sur le changement peut u pls me dire la solution...
    • Vous pouvez également utiliser "que" const fc = this.AMform.controls['Name'] as FormControl; fc.setValue('new value');
    InformationsquelleAutor Maciej Treder
  2. 6

    Utilisation patchValue méthode de votre FormGroup objet.

     onAccntChange(event: Event) {
    this.AMform.patchValue({yourControl: studentModelValue})
    }
    • merci , c'est la bonne solution ... 🙂
    InformationsquelleAutor jmachnik
  3. 4

    À l'aide de setValue vous devez spécifier tous la FormControls:

    this.AMform.setValue({'Name':'val1', 'Address':'val2'})

    À l'aide de patchValue vous pouvez spécifier juste l'un vous avez besoin:

    this.AMform.patchValue({'Name':'val1'})

    Ici vous pouvez lire un peu plus.

    InformationsquelleAutor hestellez