Angular 材料不适用于 ABP 5.6.0 附带的 adminlte UI答案

【问题标题】：Angular material doesn't work with adminlte UI that attached with ABP 5.6.0Angular 材料不适用于 ABP 5.6.0 附带的 adminlte UI
【发布时间】：2020-06-17 16:32:28
【问题描述】：

为什么角度材料不适用于 adminlte 模板我已经通过 app.module.ts 导入了所有角度材料组件，但是当我使用 mat-select 时它不起作用，设计完全崩溃了如下截图：

我的代码与this相同

另一个屏幕截图

【问题讨论】：

标签： angular-material aspnetboilerplate adminlte

【解决方案1】：

ASPNETZero 使用的是 ngx-bootstrap 而不是 angular 材质，所以 ngx-bootstrap 已经安装好了，你可以使用它的组件，你可以找到她的组件https://valor-software.com/ngx-bootstrap/#/documentation#getting-started

【讨论】：

我知道，但我的问题是我有很多组件是由 Angular Material 构建的，所以如果我使用 ngx-bootstrap，我会浪费时间在我已经通过 Angular Material 完成的事情上
所以我尝试为旧组件调用 Angular Material，并尝试通过 ngx-bootstrap 构建任何新组件，但是当我向 AdminLTE Template 调用 Angular Material 时，整个模板化设计都被破坏了
你使用的角度版本是什么？我认为从 Angular 9 起，你不能从 '@angular/material' 导入 { MatSliderModule }；但你必须像这样使用它 import { MatSliderModule } from '@angular/material/slider';
我使用了 Angular 8，我尝试过，但没有运气，我认为与 CSS 冲突有关（如果您查看我附加的屏幕截图，我使用的是普通单选按钮，它知道它是 Angular Material 单选按钮但没有他们的风格）