angular - 未设置角度 ng-pristine ng-invalid ng-valid 类

Question

我正在尝试学习 Angular，在我的第一页上，我刚刚尝试添加一个简单的表单文本控件。当它通过命令 ng serve 在浏览器上呈现时，我看不到正在添加的“ng-pristine、ng-invalid 或 ng-valid”类。我的 html 看起来像这样：

<form #form="ngForm" autocomplete="off">
    <div class="form-group">
      <div class="input-group">
        <div class="input-group-prepend">
          <div class="input-group-text bg-white">
            <i class="fas fa-user-circle"></i>
          </div>
        </div>
        <input class="form-control" name="UserName" #UserName="ngModel" [(ngModel)]="service.formData.UserName" placeholder="User Name" required />
      </div>
    </div>
</form>

我在 head 标记中添加了引导 css，并在 body 结束标记之前添加了所需的 3 行 javascript 引用。

我的 Angular 版本

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.900.2
@angular-devkit/build-angular     0.900.2
@angular-devkit/build-optimizer   0.900.2
@angular-devkit/build-webpack     0.900.2
@angular-devkit/core              9.0.2
@angular-devkit/schematics        9.0.2
@angular/cli                      9.0.2
@ngtools/webpack                  9.0.2
@schematics/angular               9.0.2
@schematics/update                0.900.2
rxjs                              6.5.4
typescript                        3.7.5
webpack                           4.41.2

标签： angular