Angular + ngzorro中 使表单form动态禁止输入

在formgroup里直接在input标签使用 [disabled]=“true” 似乎不能禁用input，最后使用这种方法解决

ts：

   isDisabled = true
   validateForm: FormGroup;
   constructor(  private fb: FormBuilder) {}
    this.validateForm= this.fb.group({
      userName: [{value:null,disabled:this.isDisabled}, [Validators.required]],
    });

html:

<form nz-form  [formGroup]="validateForm" (ngSubmit)="submitForm()">
  <nz-form-item>
    <nz-form-control nzErrorTip="Please input your username!">
      <nz-input-group nzPrefixIcon="user">
        <input formControlName="userName" nz-input placeholder="Username"  />
      </nz-input-group>
    </nz-form-control>
  </nz-form-item>
</form>

效果图：

使用评论大神方法也可

this.validateForm.controls.userName.disable()

还是我api不够熟练呀-。-