Angular4 Rendered2删除addClass方法

时间:2017-09-18 20:58:09

标签: angular validation bootstrap-4

这是我的组件模板。

<div [formGroup]="form" class="form-group">
  <label [attr.for]="field.name" class="{{field.name}}Label form-control-label">{{field.label}}</label>

  <input [formControlName]="field.name" [id]="field.name" class="form-control {{field.name}}Control">
  <small id="{{field.name}}Help" class="form-text"></small>
</div>

在验证过程之后,必须使用text-danger(来自Angular4)将Renderer2 Class(CSS类)添加到Label

const label = this.Render.selectRootElement('label[for="' + key + '"]');

this.Render.addClass(label, 'text-danger');

.addClass方法,适用于输入和帮助文本(在输入下方)。但在标签标签中,此方法 DELETE my LABEL Text

这是一个错误吗? @angular 4.3.6

验证前表格

Image Before Validation

验证后的表格

Image After Validation

0 个答案:

没有答案