NG-ZORROフォームで入力入力ボックスを使用する場合、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