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>

注：表單控件是這裏的一類引導的