Angular2 - ng2-completer 引导 css

Question

我正在尝试在我的 Angular2 应用程序中实现 ng2-completer 组件。

组件工作正常，但搜索文本框的样式是扁平的... 我想拥有相同风格的引导组件，例如文本框。

这是代码：

<ng2-completer [(ngModel)]="searchStr" [ngModelOptions]="{standalone: true}" [datasource]="searchData" [minSearchLength]="0" (selected)="onSelected($event)"></ng2-completer>

这是呈现的控件：

如您所见，颜色列表还可以，但用户写入要搜索的值的输入完全平坦......

我该如何解决这个问题？

基本上我只想将它设置为右侧的“Titolo”字段。

谢谢

Answer 1

只需在选择器中添加[inputClass]="['form-control']"。 例如：

<ng2-completer [inputClass]="['form-control']" [(ngModel)]="searchStr" [ngModelOptions]="{standalone: true}" [datasource]="searchData" [minSearchLength]="0" (selected)="onSelected($event)"></ng2-completer>

注意：form-control 是 Bootstrap 的一个类

Answer 2

把class="form-control"放到你的文本框里，(class)="form-control"我猜是你的情况