作成日: 2023/10/20 最終更新日: 2023/12/18
文書種別
制限事項
発生環境
Angular15以降で発生
状況
回避方法あり
詳細
isDisabledプロパティをtrueに設定してもコントロールが無効になりません。
回避方法
Angular15以降では次の方法を利用してください。
- @angular/forms パッケージをインポートし、「ngForm」識別子を持つ Form タグ内でInputコントロールをラップします。
【app.component.ts】 import { FormsModule } from '@angular/forms'; 【app.component.html】
<form #gfgform="ngForm">
<wj-combo-box
[itemsSource]="source"
[displayMemberPath]="'text'"
[selectedValue]="'value'"
[(ngModel)]="value"
[isDisabled]="true"
(initialized)="initCombo(combo)"
#combo
></wj-combo-box>
</form> - FormsModuleの設定でcallSetDisabledStateオプションに'whenDisabledForLegacyCode'を設定します。
【app.module.ts】
FormsModule.withConfig({
callSetDisabledState: 'whenDisabledForLegacyCode',
})