Блог

В моем приложении angular я добавил обязательную проверку полей в элемент управления выбора даты:

 <div class="form-group"
  [ngClass]="{
    'has-required':['injuryDate'].untouched amp;amp; ['injuryDate'].invalid, 
    'has-error':['injuryDate'].touched amp;amp; ['injuryDate'].invalid}">

        <label for="injuryDate">
            {{lblInjuryDate}}
            <span class="required-indicator">*</span>
        </label>

        <datepicker formControlName="injuryDate" id="injuryDate" name="dtpInjuryDate">
        </datepicker>

        <span class="error-block"
          *ngIf="['injuryDate'].touched amp;amp; ['injuryDate'].invalid">  
            {{requiredInjuryDate}}
        </span>
</div>
  

Проверка работает должным образом, когда я нажимаю на DatePicker и не выбираю дату:

Но когда я просто просматриваю элемент управления выбора даты, приведенное выше сообщение об ошибке не отображается.

Может кто-нибудь, пожалуйста, показать мне, как инициировать эту проверку, когда я просматриваю элемент управления? Большое спасибо!

Я думаю, что сообщение об ошибке не отображается из-за: ['injuryDate'].touched .

По умолчанию свойство touched равно FALSE, но когда вы оставляете ввод, значение touched постоянно устанавливается в TRUE.