Angular 2 个表单必填字段验证

Question

我正在对 angular 2 个输入字段执行必填字段验证。在 Chrome 上，当我将鼠标移到字段 "Please fill out this field" 和单选按钮上时，我看到一个工具提示，我看到 "Please select one of these options" 但在 edge 和 IE 上，我看不到任何东西......以及那个尽管我添加了以下代码，但我也看不到任何色差或评论。请帮我解决这个问题。

在CSS

.ng-valid[required], .ng-valid.required {
  border-left: 5px solid #42A948; /* green */
}

.ng-invalid:not(form) {
  border-left: 5px solid #a94442; /* red */
}

在HTML

<div class="input-group input-group-sm form-group">
<input type="text" id="name" class="form-control" [(ngModel)]="model.name" name="name" required #name="ngModel">
<div *ngIf="name.errors && (name.dirty || name.touched)" class="alert alert-danger">
<div [hidden]="!name.errors.required">
Name is a Required Field</div>
</div>
</div>

Answer 1

我能够通过在组件中添加一些代码并在 HTML 上显示相同的代码来做到这一点......感谢您的帮助

Angular 2 个表单必填字段验证

Angular 2 Forms Required Field Validation

angular2-forms

angular