引导程序所需的验证未按预期工作

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>

当用户将该字段留空时，Label，输入字段的周长和span标签应为红色，但它们的外观如下：

有人可以帮忙，为什么引导程序验证不起作用？

仅供参考，引导程序在其他部分运行正常，因此已正确导入。