Как установить ширину выпадающего списка в модуле typeahead

Question

Я пытался выяснить, как установить выпадающий список в модуле Typeahead, чтобы он имел ту же ширину, что и входной текст, и не изменялся динамически в зависимости от ширины содержимого в раскрывающемся списке. Я использую 1.0.0-alpha.15 из ng-bootstrap.

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

, как я могу установить выпадающее меню в машинописный модуль должен иметь одинаковый ч в качестве входного текста

бы, вероятно, плохая идея имхо, но если вы не хотите, статическую ширину, вы можете calculate the input string width и использовать NgStyle вместо этого.