Angular2 -NG2-完整引导css

Question

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

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

这是代码：

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

这是呈现的控件：

​

​

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

我怎样才能解决这个问题呢？

基本上，我只是想把它像球场“泰托洛”在右边。

谢谢

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>

注意:表单控件在这里是Bootstrap的一类。