Datepicker - неверный стиль даты и класса - PullRequest
0 голосов
/ 06 июля 2018

После вашего кода образца

<code>  <div class="col-6">
    <form class="form-inline">
      <div class="form-group">
        <div class="input-group">
          <input class="form-control form-control-sm" placeholder="yyyy-mm-dd"
                 name="d2" #c2="ngModel" [(ngModel)]="model2" ngbDatepicker #d2="ngbDatepicker">
          <div class="input-group-append">
            <button class="btn btn-sm btn-outline-secondary dropdown-toggle" (click)="d2.toggle()" type="button">
            </button>
          </div>
        </div>
      </div>
    </form>

    <hr/>
    <button class="btn btn-sm btn-outline-primary" (click)="model2 = null">Select Today</button>
    <hr/>


    <pre>M: {{ model2 | json }}
S: {{ c2.status }}
B: {{ c2.status==INVALID }}

отлично работает. Но я хочу установить класс ошибок для всего input-group, что-то вроде

<div class="input-group" [ngClass]="{ 'has-error':isInValid }">

Но оценка c2.status никогда не оценивается в true/false динамически. Это остается неизменным ==> Как правильно сравнить, чтобы динамически установить класс?

1 Ответ

0 голосов
/ 06 июля 2018

Thx to JB Nizet Я понял следующий правильный синтаксис:

<div class="input-group" [ngClass]="{ 'has-error': c2.invalid }">

...