When using the input input box in the NG-ZORRO form, setting the disabled attribute to the input is invalid.

Error code: Directly setting [disabled]="true" is invalid

                <nz-form-item >
                  <nz-form-label>{
    
    {
    
    'RTN Group-In' | translate}}</nz-form-label>
                  <nz-form-control>
                    <div (click)="selectFlightList('in')" style="width: 100%;">                  
						 <input  nz-input  [disabled]="true"  formControlName="reportFlightFlightParam" [(ngModel)]="inFlight.reportFlightFlightParam"  >
                    </div>
                  </nz-form-control>
                </nz-form-item>

                      

solution:

	this.form = this.fb.group({
    
    
		reportFlightFlightParam: [{
    
    value: null, disabled: true}],
        reportFlightRegroupFlightParam: [{
    
    value: null, disabled: true}],
})

or:

this.form.controls.reportFlightFlightParam.disable();// 禁用
this.form.controls.reportFlightFlightParam.enable() // 解除禁用