Angular 2表单必填字段验证

时间:2018-02-05 21:40:56

标签: angular angular2-forms

我正在对角度2输入字段执行必要的字段验证。 在Chrome上,当我将鼠标移到字段上时,我会看到一个工具提示"请填写此字段"和我看到的单选按钮"请选择其中一个选项"但在边缘和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>

1 个答案:

答案 0 :(得分:0)

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