我正在尝试在Angular 4.3应用中使用角度（https://blox.src.zone/material#/guides/gettingstarted）的材质组件。我已经安装了所有内容，然后在app.component.html文件中添加了一个按钮，按钮呈现出来，其行为与此处https://blox.src.zone/material#/directives/button相似。
然后我尝试在我的一条路线中添加一个按钮，按钮的渲染效果不一样。就像bootstrap css接管了一样。
我是否必须在我要路由到的组件中导入任何内容？
答案 0 :(得分：0)
没有足够的信息来回答您的问题。 （如何构建项目，在哪里放置材质组件的样式表，使用webpack，角度cli，汇总或其他构建工具等）。但由于我无法发表评论（声誉不够），我会试一试。
根据您的描述，听起来您通过styleUrls元数据中的@Component声明将样式表（可能是css或scss）添加到单个应用组件中。默认情况下，Angular会封装组件的样式，因此在这种情况下，您的样式仅适用于您的应用程序组件。
对于Blox Material项目，您通常希望将材质组件样式表添加为应用程序范围样式表，通过脚本标记包含在html中。当您的项目是Angular-CLI项目时，这是＆＃34; styles＆＃34; .angular-cli.json文件中给出的应用字段。这也是Blox Material入门指南的内容，请参阅submit method。
或者，您可以将样式表放在应用的根组件中和/或在encapsulation: ViewEncapsulation.None元数据中使用@Component，以使样式同时应用于多个组件。
如果这没有帮助，请提供更多信息，并尝试使用您的开发人员工具查看哪些样式（以及选择器）应用于您的应用组件。这可能会为您提供线索，说明为什么他们不适用于您的其他组件。它还会告诉您其他样式（例如bootstrap，是否覆盖材质组件样式）。
最后检查Blox Material指令是否实际应用于您的按钮：mdcButton应自动获得至少mdc-button和mdc-ripple-upgraded样式。如果您在按钮上看不到这些样式，则应用mdcButton指令的方式有问题。