bootstrap - > Typeahead Styling

问题描述 投票:0回答:2

我似乎无法设置ng bootstrap typeahead的下拉菜单。

输入本身的样式很好(该组件只包含一个输入/输入类型)但是没有任何内容适用于下拉列表(尝试使用插入的ngb-typeahead-window窗口以及.dropdown-menu类。

angular typeahead ng-bootstrap
2个回答
1
投票

ng-bootstrap在改变其组件时非常有限。我想尝试使用template,这是最接近定制的,你可以来。像ng-bootstrap和ngx-bootstrap这样的插件是自定义组件,通常不支持其他插件提供的扩展的可定制性。


1
投票

这里有一个很好的答案:https://stackoverflow.com/a/51417049/4248983

tl;博士

  • Typeahead窗口是动态添加的组件
  • 实现Typeahead的组件的样式仅封装到自身
  • encapsulation: ViewEncapsulation.None装饰器中设置@Component,以允许全局访问您的组件样式

警告 设置ViewEncapsulation.None意味着您的组件样式可在全球范围内使用。确保您的css选择器足够具体,以防止影响应用程序中的其他元素!

© www.soinside.com 2019 - 2024. All rights reserved.