Angular 角度NGB数据选择器-ng触摸验证不工作

嘿，我将ngbDataPicker与ng引导的其他输入一起使用。 所有输入都可以正常工作，但当我触摸/单击日期选择器时，验证在我检查日期并再次将其删除后不起作用。验证工作。 在其他输入中，当我触摸输入时，验证开始工作

ngbDatePicker有什么问题

模板：

          <div class="col-6">
            <div class="datepicker">
              <input ngbDatepicker class="form-control" placeholder="בחירת תאריך" name="dp" #d="ngbDatepicker"
                formControlName="deadline" required>
              <button class="calendar-btn" (click)="d.toggle()" type="button"></button>
            </div>
          </div>

---

恐怕您混合了两种“验证”：Angular和bootstrap.js Angular，当某个控件无效时，添加类ng invalid，当触摸该类时，将该类ng toucted添加到控件中，请参见，bootstrap.js如果某些控件无效，则添加类“is invalid”

记住：ng bootstrap需要bootstrap.css，但**不需要*bootstrap.js或jquery

仅使用Angular，您只需添加类（复制和粘贴引导的类无效）

另一个选项是使用[ngClass]

<input [ngClass]="{'is-invalid':model?.invalid && model?.touched}"...>

---

请看

谢谢兄弟，我的问题出在按钮上，但多亏了你，我才知道问题出在哪里。

  .form-control.ng-invalid.ng-touched
{
    border-color:#dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.ng-invalid.ng-touched:focus{
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25);
}

<input [ngClass]="{'is-invalid':model?.invalid && model?.touched}"...>