Я использую компонент 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 истинно, текст выглядит так, как будто он отключен, но само поле все еще доступно для редактирования. Я не мог найти в сети ничего о проблеме с динамическим отключением и owl-date-time. Есть идеи по этому поводу?
PS: Я работаю с angular 6, компонентами TypeScript / HTML / SCSS.
Большое спасибо !





Найдите ссылку для ответа: - stackoverflow.com/a/58725886/8930916