Angular 4 表单验证不起作用

【问题标题】：Angular 4 form validation is not workingAngular 4 表单验证不起作用
【发布时间】：2018-12-30 19:03:03
【问题描述】：

我是 Angular 4 的新手，我正在尝试在我的应用程序中实现 Angular 表单验证消息。

此处验证消息按预期显示，但文本字段和标签颜色不会根据状态更改。

HTML：

<form #AddressForm="ngForm" (ngSubmit)="SaveAddress(mAddress_Model)">
   <div class="form-group" [class.has-error]="Name.invalid && Name.touched" [class.has-success]="Name.valid">
   <label for="FName" class="control-label" >First Name *</label>
   <input type="text" required minlength="4" id="Name" name="Name" class="form-control "  [(ngModel)]="mAddress_Model.mFName"  #Name="ngModel">
    <div class="help-block alert-danger col-sm-12" *ngIf="Name.errors.required && Name.touched">
                    * First name is required
    </div>
  </div>
</form>

这里**[class.has-error]="Name.invalid && Name.touched" [class.has-success]="Name.valid"** 不适合我，但验证消息 div 正在工作。

我关注了这个博客http://csharp-video-tutorials.blogspot.com/2018/01/displaying-angular-form-validation.html

谁能帮我解决这个问题。

【问题讨论】：

• 请提供minimal reproducible example。
• 您是否使用浏览器开发工具检查过 DOM？是否应用了该类？
• 我在控制台@user184994 中得到了这个我认为它没有应用
• 对，所以根据has-error类已经添加，听起来样式没有。你在使用 Bootstrap 吗？
• 是的，我在 Index.html @user184994 中使用最新的引导程序