小编Rém*_*AIX的帖子

我对Angular很新,我正在尝试使用Angular和Bootstrap 4创建一个注册表单.

我想要的结果是使用Bootstrap的样式和Angular的验证.更准确地说,在验证表单时,Angular在两个不同的位置应用样式(ng-valid,ng-invalid等):input元素和表单元素.

两个问题:

1)由于Bootstrap使用'has-danger'和'has-success'而不是'ng- [in] valid',是否可以配置angular来使用这些样式而不是默认样式.目前,我正在考虑通过添加角度样式来扩展引导程序(使用@extend has-danger/success)

2)Angular将样式应用于输入和表单元素,而bootstrap则在form-group元素上使用它.是否可以将角度放在那里而不是输入元素(或两者？)

我正在使用反应形式,我想避免像(未经测试)这样的事情:

<form>
    <div class="form-group" [class.has-error]="!fg.get('username').valid" [class.has-success]="fg.get('username').valid">
        <label>Username</label>
        <input formControlName="username" type="text"/>
    </div>
</form>

实现这一目标有一种简单的方法(不是太冗长)吗？