与材料设计组件分开导入自定义组件时,Angular7按钮无法渲染

时间:2019-03-04 19:01:34

标签: angular material-design

我正在使用棱角分明的材料设计,发现有些奇怪的东西。我有一个带有路由器,一个登录组件和两个共享模块的简单应用程序:

  • 材料设计模块(导入/导出所有材料设计组件)
  • 自定义组件模块(导入/导出所有自定义组件,在我的情况下仅为一个)

共享模块导入到路由器中。从材料设计模块中导出“登录”组件后,“登录”按钮将正确呈现。 问题是当我从自定义组件模块中导出“登录”组件时-登录按钮没有呈现为材料设计组件。

我准备了两个stackblitz示例来说明这一点:

https://stackblitz.com/edit/angular-mat-ok?embed=1&file=src/app/app.component.ts-此处的按钮样式设置为“材料设计”按钮。

https://stackblitz.com/edit/angular-mat-not-ok?embed=1&file=src/app/app.component.ts-这里的按钮是正常显示的,不是样式按钮。

有人可以告诉我从自定义组件模块中导入按钮时呈现不正确的原因吗?我打算使用该模块对应用程序中的自定义组件进行分组和分发。

1 个答案:

答案 0 :(得分:0)

LoginFormComponent位于CustomComponentsModule中,并在其中呈现其他组件和指令。为了能够使用MaterialComponentsModule中的Material按钮,您应该将MaterialComponentsModule导入到CustomComponentsModule