如何在預先輸入模塊中設置下拉列表的寬度

Question

我想知道如何設置Typeahead模塊中的下拉菜單，使其與輸入文本具有相同的寬度，並且不會根據內容的寬度動態更改在下降。我正在使用ng-bootstrap的1.0.0-alpha.15。

Answer 1

只是寬度增加了下拉菜單模板

從

<template #rt let-r="result" let-t="term"> 
    <img [src]="'https://upload.wikimedia.org/wikipedia/commons/thumb/' + r.flag" width="16"> 
    {{ r.name}} 
</template> 

要

<template #rt let-r="result" let-t="term"> 
    <div style="width: 350px;"> 
     <img [src]="'https://upload.wikimedia.org/wikipedia/commons/thumb/' + r.flag" width="16"> 
     {{ r.name}} 
    </div> 
</template> 

Plunk

我怎麼可以設置在與事先鍵入的內容下拉模塊具有相同的widt H作爲輸入文本

很可能是一個壞主意恕我直言，但如果你不想要一個靜態的寬度，可以calculate the input string width和使用NgStyle代替。