是否有任何选项可以在新的 Angular 4 中使用 Angular Material？
Angular Material 最近发布了第 1 版，我们认为它很稳定，可以用于生产。开发人员应注意，Angular Material v1 仅适用于 Angular 1.x。
关于 Angular 2：
Angular Material v2 的开发也在
angular/material2GitHub 存储库中进行
Angular 4 怎么样？你认为我们可以在一个项目中以某种方式绑定 Angular 1.x 和 Angular 4 以带来 Angular 4 的新功能并继续使用令人敬畏的 Angular Material 框架吗？
【问题讨论】：
您可以参考here 的入门指南。本文档已更新以支持 angular v4.0.0
一些 Material 组件依赖于 Angular 动画模块，以便能够进行更高级的过渡。如果您希望这些动画在您的应用程序中工作，您必须安装 @angular/animations 模块并将BrowserAnimationsModule 从@angular/platform-browser/animations 包含在您的应用程序中。
【讨论】：
2016 年 12 月，当 Angular 团队跑来跑去告诉大家不要再说“Angular 2”而只说“Angular”时，我有点认为这是愚蠢的营销行为。
然而，在阅读本网站上的问题时，我开始看到他们请求的合理性。 Angular 1.x 到 Angular 2 代表了一个完整的重写，一个完全重新架构的框架，几乎破坏了一切。除此之外，还有向 semver 的切换，这意味着新的主要版本号将会更快地出现。
简而言之，我认为他们试图阻止的是“Angular 4 之于 Angular 2，就像 Angular 2 之于 Angular 1”的思路，这绝对不是真的。
这种认知问题也是导致他们代号 4.0“隐形改造”的原因。
因此，当您看到为 Angular2 设计的包时，它们中的大多数可能也适用于 Angular 4。如果 ng4 更改破坏了这些包，您将很快看到解决这些问题的版本......或者您将得到关于该软件包是否维护良好以在您的项目中使用的答案。
【讨论】：
我也在使用 Angular 4.0.0 和 CLI 1.0.0，它工作正常。只是说像上面提到的无样式复选框这样的奇怪行为会发生，因为主题化你的组件是强制性的。您可以使用预建的角度材质主题或生成自己的主题。只需将样式表包含在您的 index.html 中，您就会看到它的神奇之处。
更多关于角度材料主题的信息可以在这里找到：https://material.angular.io/guide/theming
【讨论】：
app.module.ts 中检查了您的导入？
我刚刚开始使用 angular 4.0.0（使用 angular cli 1.0.0）并尝试将其与材料 2.0.0-beta2 一起使用。除了用户界面中的一些错误之外，它工作正常：
如果遇到不稳定的事情，我会更新这篇文章。 看来你现在可以试试https://github.com/mseemann/angular2-mdl。
【讨论】：
您可以从 here 下载或 fork angular-quickstart 样板文件 在这个项目中有角材料 2.0.0-beta.6 和角 4.0.0 的最新稳定支持。 很难找到最新版本的正确设置。
【讨论】：
这样做：
npm install --save @angular/animations
import {BrowserAnimationsModule} from '@angular/platform-browser';
//in app.module.ts
@NgModule({
...
imports: [BrowserAnimationsModule],
...
})
export class YourAppModule { }
再次导入材质模块。喜欢
import: [MaterialModule.forRoot()]
【讨论】：
大部分 angular 2/4 网站都是 io 试试这个
【讨论】：
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
将其添加到您的 css 文件中 :) 。我也有同样的事情发生在我身上。只需要一个主题来解决这个问题。
【讨论】：