ngx-select - 如何在下拉列表中显示自定义项目（不同样式）答案

【问题标题】：ngx-select - How to display custom items (different styles) in dropdownngx-select - 如何在下拉列表中显示自定义项目（不同样式）
【发布时间】：2019-05-02 21:15:09
【问题描述】：

我试图使用带有自定义样式的 ngx-select 显示下拉项目。下拉项是另一个组件的数组（具有组件特定的样式）。如何做到这一点？这是我的代码selectDropdown

【问题讨论】：

标签： angular angular-ngselect ng-content

【解决方案1】：

您是指常规引导样式吗？如果是这样，您需要在 ng 节点之前添加 index.html，如下所示：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<my-app>loading</my-app>

来自documentation 以及它说的自定义：

目前，该组件包含在 BEM Methodology 中命名的 CSS 类。它还包含“引导类”。推荐使用 BEM 类进行样式自定义。

【讨论】：

我的意思是下拉项应该是一个组件数组（带有特定模板，例如下拉项也应该有一个图标、颜色、字符串），而不仅仅是字符串。这样我的下拉组件就可以在应用程序中使用特定模板在多个位置调用。即，Drobdown 1 列表的外观和感觉不同于下拉 2 的外观。 @卢乔