Как реализовать условия в angular5 формах? - PullRequest
Новая
       9

Как реализовать условия в angular5 формах?

0 голосов
/ 29 мая 2018

Я работаю в angular5, я создаю простую форму: 

 <div class="modal-body">

    <div class="form-group row">
      <label class="col-sm-5 col-form-label">Choisir un client : </label>


      <div class="col-sm-6">

        <ng-select  *ngIf="_listClients"
                     [items]="_listClients"
                      bindLabel ="nom"
                      bindValue ="id"
                    [(ngModel)]="selectedPersonId">
        </ng-select>

      </div>
    </div>

    <label class="col-sm-5 col-form-label">Information liées au contrat : </label>
    <div class="form-group row">
      <label class="col-sm-5 col-form-label" >Date one :  </label>
      <div class="col-sm-6">
        <input type="date" class="form-control form-control-sm"
               placeholder=".form-control-sm"  [(ngModel)]="dateOne">
      </div>
    </div>

    <div class="form-group row">
      <label class="col-sm-5 col-form-label" for="input-small">Date two : </label>
      <div class="col-sm-6">
        <input type="date" id="input-small" name="input-small" class="form-control form-control-sm"
               placeholder=".form-control-sm"  [(ngModel)]="dateTwo">
      </div>
    </div>
  </div>

 <button type="button" class="btn btn-primary" (click)="addProjecToClients()" >Save changes</button>

Условие, которое я хочу выполнить в этой форме: dateOne всегда должно быть больше dateTwo.

Поэтому я хочу показать сообщение об ошибке, когда пользователь выбирает dateTwo больше dateOne, прежде чем он сможет отправить форму.Я думаю, что это должно произойти, когда он выбирает второй вход dateTwo и затем проверяет условие выше.

предоставляет angular5 какие-либо полезные библиотеки или метод, как это сделать?или я должен сделать это сам?

1 Ответ

0 голосов
/ 30 августа 2018

Вы должны использовать FormGrup / FormControls.Они предоставляют вам проверить все, что вам нужно, есть некоторые, но вы можете настроить их.FormControls имеет недействительное свойство, которое указывает, когда форма в порядке.Я рекомендую поискать информацию о них.

...