2016-12-06 131 views
0

我正在尝试开发一个带Angular 2和Material Design Lite的Web应用程序。角2 + MDL空白页

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

后在互联网上搜索的时间,我发现这是一个相当普遍的问题,很多人说,这是最好不要使用MDL与角2

没有人管理,使这两个框架一起工作 ?

谢谢

回答

1

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

enter image description here

+0

我已经试过了,但它给我返回了以下错误: npm ERR! Windows_NT 10.0.10586 npm ERR! argv“C:\\ Program Files \\ nodejs \\ node.exe”“C:\\ Program Files \\ nodejs \\ node_modules \\ npm \\ bin \\ npm-cli.js”“install”“angular2- mdl“”--save“ npm ERR!节点v6.7.0 npm ERR! npm v3.10.3 npm ERR!代码ENOSELF npm ERR!拒绝安装angular2-mdl作为其自身的依赖关系 npm ERR!请包括以下任何支持请求的文件: npm ERR! C:\ Users \ MIW \ Desktop \ test \ angular2-mdl \ npm-debug.log – Fab

+0

'拒绝安装angular2-mdl作为自己的依赖关系'?看起来你正试图在angular2-mdl文件夹中运行npm install angular2-mdl。为什么? – michael

+0

我以为它没有正确安装,因为我无法运行服务 – Fab

-1

是的!使用角度或角度2的MDL并不好,因为angular1.x和angular2的角度材料已经引入了很多组件。但是,如果你真的想使用MDL,那么我在这里开发了一个构建在MDL之上的组件库。

ng2-mdl: https://github.com/sabbirrahman/ng2-mdl

它正常工作具有角2最终和角度CLI。虽然我还没有添加AOT支持!

+0

Angular2-MDL(https://github.com/mseemann/angular2-mdl)是完全没有问题。它进展很快,稳定并且拥有不断增长的用户群。 – curiosity