形式 – 带有Observables的Angular 2 Formbuilder作为默认值

发布时间：2020-12-17 08:45:57 所属栏目：安全来源：网络整理

导读：我对Angular 2 Form(formbuilder)的默认值有问题：我的默认值是observables(我正在从服务器检索),所以我不能像这样实现它们： export class UserComponent implements OnInit{userForm: ControlGroup;userData: any; // Initialise the observable varngOnI

我对Angular 2 Form(formbuilder)的默认值有问题：
我的默认值是observables(我正在从服务器检索),所以我不能像这样实现它们：

export class UserComponent implements OnInit{

userForm: ControlGroup;
userData: any; // Initialise the observable var

ngOnInit():any {

    this.userData = this._dataService.getAllData() // My Observable
        .subscribe(
            data => {
                this.userData = data;
            }
        );

    this.userForm = this._formBuilder.group({
                  // below the default value
        'username': [this.userData.username,Validators.compose([ 
            this.usernameValid
        ])]
}

有人知道我需要改变什么吗？因为表单在输入字段中没有显示任何内容……

我会尝试这个,因为数据是异步加载的.因此,您需要在响应/接收时更新表单元素的值.

ngOnInit():any {
  this.userData = this._dataService.getAllData()
    .subscribe(
      data => {
        this.userData = data;
        this.userForm.controls.username.updateValue(
                this.userData.username);
      }
    );

  this.userForm = this._formBuilder.group({
    'username': [this.userData.username,Validators.compose([ 
        this.usernameValid
    ])];
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!