ng-select CSS 问题，bootstrap input-sm

Question

因此，在响应式表单上使用 ng-select 时，我试图像这样设置错误（无效）字段的样式。

场：

<ng-select class="form-control input-sm" [class.store-error]="showError('store')"...

显示错误方法如下所示 - 适用于所有其他表单字段

showError (fieldName: string) {
    const field = this.form.get(fieldName);
    return field.invalid && (field.touched || this.submitAttempted);
}

ng select 不会改变类。

看起来好像 ng-select 在表单字段元素的顶部构造了一个 div，并将引导类更改为 input-sm 暴露了这一点（所以第二个问题是如何将 input-sm 应用于 ng-select）

此 CSS 问题是该字段的次要内容，不使用 css-binding 显示无效。有没有人解决过这个问题？

Answer 1

1) 这是显示应用的自定义错误类的 plunker 示例https://plnkr.co/edit/zF6GsJ?p=preview

2) Bootstrap .form-control 类主要用于原生 html 元素，但是已经有一些样式的自定义元素将无法正常工作，因此您需要自己设置样式。

.form-control.ng-select {
    border: none;
    padding: 0;
}