NG-ZORRO 表单中使用 input输入框,给input设置disabled属性无效

错误代码:直接设置[disabled]=“true” 无效


                <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>

                      

解决方案:

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

或者:


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

猜你喜欢

转载自blog.csdn.net/weixin_44216637/article/details/132876134
今日推荐