Bootstrap 4验证样式基于form-control:valid或form-control:invalid。当字段错误时，Angular提供了添加任何自定义类的可能性。
如果我遵循规范:
https://getbootstrap.com/docs/4.0/components/forms/#validation
我还可以将.form-control.is-invalid类添加到我的input元素中。
但是，将自定义验证器与该策略结合使用会给我带来一些合并的结果。 form-control is-invalid :valid
这似乎对:valid更为重要，invalid-feedback显示我的元素显示为有效，但是相关的ojit_code看起来还可以!
我有点迷路了。
编辑
这是一个演示插件:
https://plnkr.co/edit/0kxGpRz3JY3ixJbYqRZr?p=preview
最佳答案
您的演示工作正常，唯一的问题是类名称和样式
您需要从was-validated标记中删除form类，并将其保留如下:
class="needs-validation"
WORKING DEMO
关于angular - 如何使用Bootstrap 4验证伪类(:valid, :invalid) with Angular 5 custom validations?，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48451276/