Question

我正在使用ng-pick-datetime组件（https://www.npmjs.com/package/ng-pick-datetime），它看起来像这样：

<input id="{{name}}"
       name="{{name}}"
       class="form-control"
       [(ngModel)]="value"
       [ngModelOptions]="{ updateOn: 'blur' }"
       [owlDateTimeTrigger]="dt"
       [owlDateTime]="dt"
       (dateTimeChange)="checkDateTime($event)"
       [required]="required"
       [min]="minDateTime"
       [max]="maxDateTime"
       [disabled]="disabled">
<i *ngIf="!options.hiddenIcon" class="far fa-calendar-alt form-control-feedback"></i>
<owl-date-time #dt [pickerType]="options.type" [firstDayOfWeek]="options.firstDayOfWeek" [disabled]="disabled"></owl-date-time>

此组件的使用形式如下：

  <my-date-picker id="date" name="date" [(ngModel)]="action.date" [options]="{type:'both'}" [disabled]="actionDisabled"></my-date-picker>

我的问题是，当actionDisabled布尔值为true时，文本看起来像是已禁用，但字段本身仍可编辑。我在网上找不到有关动态禁用和owl-date-time的问题的任何信息。有这个想法吗？

PS：我正在使用角度6，TypeScript / HTML / SCSS组件。

非常感谢！

无法动态禁用ng-pick-datetime组件

0 个答案: