Question

按照您的示例代码

  <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 }}</pre>
    <pre>S: {{ c2.status }}</pre>
    <pre>B: {{ c2.status==INVALID }}</pre>
  </div>

工作正常。但是我想为整个input-group设置一个错误类别，例如

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

但是对c2.status的评估从未动态评估为true/false。它保持不变==>如何进行适当的比较以动态设置类？

Answer 1

对JB Nizet表示感谢，我想出了以下正确的语法：

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

日期选择器-无效的日期和班级样式

1 个答案: