css - Bootstrap 所需的验证未按预期工作

Question

我正在按照在线教程向下面的 Angular 应用程序添加表单验证。我已经完全按照这些步骤进行操作，并且验证在教程中运行良好，但在我的代码中却不行。

以下是我尝试添加验证的输入：

<div class="form-group" [class.hasError]="fullNameControl.invalid">
      <label for="fullName" class="control-label">Full Name</label>
      <input
        required
        id="fullName"
        name="fullName"
        [(ngModel)]="fullName"
        type="text"
        class="form-control"
        #fullNameControl="ngModel"
      />
      <span class="help-block" *ngIf="fullNameControl.invalid">Full Name is required</span>
</div>

当用户将该字段留空时，输入字段的标签、周长和跨度标签应为红色，但它们看起来像这样：

有人可以帮忙解释为什么引导验证不起作用吗？

另外仅供参考，引导程序在其他部分工作正常，因此已正确导入。

标签： cssangulartwitter-bootstrapvalidation