angular - 如何使 formControl 只读

Question

如何在 Angular 只读中制作 formControl

我知道我可以用 html 来做

<input type="text" formControlName="xyz" readonly />

如何从 JS 代码而不是 html，即以模型驱动的方式做到这一点

Answer 1

If you are using Reactive Forms you can assign it dynamically like in the example code below (email field)

    this.registerForm = this.formBuilder.group({
          first_name: ['', Validators.required],
          last_name: ['', Validators.required],
          email: new FormControl({value: null, disabled: true}, Validators.required),
          password: ['', Validators.compose([Validators.required, Validators.email])],
          confirm_password: ['', Validators.required],
    });

如果你想获得所有的值，包括禁用的控件，你应该使用:

    this.registerForm.getRawValue();

View method comment on source code

    /**
       * The aggregate value of the `FormGroup`, including any disabled controls.
       *
       * If you'd like to include all values regardless of disabled status, use this method.
       * Otherwise, the `value` property is the best way to get the value of the group.
       */
      getRawValue(): any;

享受编码吧!