angular 2 + MDL 空白页答案

【问题标题】：angular 2 + MDL blank pagesangular 2 + MDL 空白页
【发布时间】：2023-06-15 03:01:01
【问题描述】：

我正在尝试使用 Angular 2 和 Material Design Lite 开发一个网络应用程序。

但是所有来自绑定组件并使用 MDL 的 html 页面都不会显示。

在互联网上搜索了几个小时后，我发现这是一个很常见的问题，很多人说最好不要使用带有 angular 2 的 MDL。

有人设法让这两个框架一起工作吗？

谢谢

【问题讨论】：

【解决方案1】：

这很容易。只需使用 angular2-mdl。请参阅演示应用程序http://mseemann.io/angular2-mdl/ 或相应的 github 项目：https://github.com/mseemann/angular2-mdl。如果你想玩，github 项目中有一个 plnkr 链接。

【讨论】：

我已经尝试过了，但它返回了以下错误：npm ERR！ Windows_NT 10.0.10586 npm 错误！ argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "angular2- mdl" "--save" npm 错误！节点 v6.7.0 npm 错误！ npm v3.10.3 npm 错误！代码 ENOSELF npm 错误！拒绝安装 angular2-mdl 作为自身 npm ERR 的依赖项！请在任何支持请求中包含以下文件：npm ERR！ C:\Users\MIW\Desktop\test\angular2-mdl\npm-debug.log
'拒绝安装 angular2-mdl 作为自身的依赖' ??看起来您正在尝试在 angular2-mdl 文件夹中运行 npm install angular2-mdl 。为什么？
我认为它没有正确安装，因为我无法运行 ng serve
你在使用 angular-cli 吗？
我希望能够在处理我的项目时运行 ng serve，是的...我只克隆了 git hub 存储库。我不知道下一步该怎么做...：/

【解决方案2】：

您知道 Angular 团队有一个名为 material2 build 的框架吗？ :)

【讨论】：

【解决方案3】：

是的！将 MDL 与 angular 或 angular2 一起使用是不好的，因为 angular1.x 的 angular-material 和 angular2 的 material2 已经引入了很多组件。但是如果你真的想使用 MDL，这里我开发了一个基于 MDL 构建的组件库。

它适用于 angular 2 final 和 angular-cli。虽然我还没有添加 AOT 支持！

【讨论】：