Angular2 - ng2-completer bootstrap css

Question

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

该conponent正常工作，但搜索文本框的样式是平的... 我希望拥有相同风格的引导程序组件，例如textbox。

这是代码：

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

这是渲染控件：

正如您所看到的，颜色列表没有问题，但是用户写入要搜索的值的输入是完全平坦的......

如何解决问题？

基本上我只想把它设置为场地＆＃34; Titolo＆＃34;在右边。

由于

Answer 1

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

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

注意：表单控件在这里是一类Bootstrap