Управляемая шаблоном форма Не удается прочитать свойство 'required' из null-Angular 6 - PullRequest
Новая
       16

Управляемая шаблоном форма Не удается прочитать свойство 'required' из null-Angular 6

0 голосов
/ 27 марта 2019

Я работаю над углом 6 с шаблоном, управляемым формой. Решите некоторые проблемы при проверке

HTML-код 

             <div class="form-group">

                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Name" name="name"
                                required [(ngModel)]="configuration.name" #name="ngModel"
                                minlength="2">
                            <span *ngIf="submitted && name.errors['required']" class="text-danger">Please
                                Enter Name</span>


                        </div>
                        <div class="modal-footer">
                <button type="button" class="btn btn-outline-dark" (click)=" sav(form)">Save</button>
    </div>
    </form>

когда я нажимаю кнопку «Сохранить» без какого-либо ввода, отображается сообщение о проверке, после чего я набираю некоторые значения в этом текстовом поле, в котором отображается ошибка

также пробовал name.errors.required и name.errors? .Required оба не удаются

enter image description here

1 Ответ

0 голосов
/ 27 марта 2019

Вы можете использовать приведенный ниже код для минимальной длины и обязательных проверок полей 

  <span *ngIf="submitted && name.errors.required" class="text-danger">Please
                            Enter Name</span>
  <span *ngIf="submitted && name.errors.minlength" class="text-danger">Please
                            Enter 2 characters</span>
...