2016-12-06 124 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