Angular2 - ng2-completer bootstrap css

Question

我试图执行ng2-completer组件在我的Angular2应用程序中。

这个组件工作正常，但是搜索文本框的样式是平坦的... 我想要有相同样式的引导组件，例如文本框。

这是代码：

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

这是渲染控制：

正如你所看到的，颜色的名单是确定的，但如果用户写输入值搜索是完全平坦的...

我该如何解决这个问题？

基本上我只是想把它设置为正确的字段“Titolo”。

感谢

Answer 1

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

Answer 2

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

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

注：表单控件是这里的一类引导的