8

嗯,這是大約一個星期,我正試圖運行角度材料的應用程序。
對Angular Material和它的神經纏繞錯誤(這可能永遠不會解決,因爲它們儘快釋放V2 for V2的里程碑)之後,如此之多的挑戰,現在它在吹我的腦海,爲什麼我必須使用616KB JS+CSS Angular材料模塊而不是254KB JS+CSS Materializecss。
據我所知(告訴我,如果我錯了!):角度材料VS Materialisecss

這是最好的嘗試,並避免改變DOM元素儘可能

但角材料基地引起了很多指令迴流/重繪,並且實際上基於我所看到的演示,Materializecss比角度材料快得多和輕。
這是很明顯的Angular材料更友好,並具有一些特定的功能,如$mdThemingProvider和...,但我對使用Angular Material或其性能有懷疑。
任何讓我再次相信Angular Material的詞語?
是否值得使用Angular Material而不是純Angular + Materializecss?
因爲我看不到他們的結果有任何重大變化?

+0

我可以確切地知道爲什麼我下了票? –

+2

我沒有,但它可能是自以爲是的問題風格。 – Iceman

回答

5

角度材料是一個包含角度指令的角度模塊。它是專門爲angularjs製作的,而materializecss是一個只有小javascript的CSS庫。 YOu應該使用角材料,因爲所有組件都可以在你的應用中使用,而不像materializecss那樣,有些東西不會工作,它是爲純JavaScript或jQuery設計的。

4

現在感覺MaterialiseCSS更加成熟和發展,具有更多的功能,動畫和組件。

然而Angular Material有一個大的待辦事項列表,因此它可以趕上,但它看起來像不會發生在2018年或以後,根據他們的github readme status。目前沒有計劃在2017年底之前。

Materialize優點和缺點

  • PRO:有關物質化的好處是,您鍵入的內容就是你得到的,這意味着你把你的角模板的HTML和CSS是究竟如何它將在瀏覽器中,這意味着它很容易與CSS樣式。

  • CON:關於materialize的壞處是需要jquery,這意味着在使用angular時需要特殊的設置。如果您使用的WebPack,它很容易使用提供插件

例子:

new webpack.ProvidePlugin({ 
    $  : 'jquery', 
    jQuery: 'jquery' 
    }) 

自動使可用的jQuery使用它的每一個模塊中,所以它真的不是一件壞事畢竟。

  • PRO:的另一個好處是,它容易移植您的HTML/CSS從一個項目到另一個,因爲它只是HTML和CSS,沒有自定義指令。因此,如果您想從角度切換到反應,或者轉換爲純html,那麼使用Materialize可以輕鬆實現所有標記和樣式。

  • PRO:非常發達,但很多部件,大量的款式,許多功能,真正給一個專業拋光到你的應用程序

  • PRO:很好的文檔和很好的例子。

  • PRO:開發商是非常敏感的問題,GitHub的和永久居民

MaterializeCSS得分:+4

Angular Material優點和缺點

  • PRO:好東西就是它的內置棱鏡,所以它有自定義指令的棱角風格。但是,這也需要設置,因爲您必須導入模塊,但這與任何角度模塊沒有區別。

  • PRO:開發商也非常敏感到GitHub上的問題和永久居民

  • CON:約角材料壞事是它翻譯所有這些自定義指令到自己的HTML和CSS,這我發現可以很難覆蓋和定製,但並非不可能。

  • CON:另一個壞事是代碼它不便攜。它只適用於angular2 +,所以你不能用這個來切換框架。所有標記和樣式都卡在角度上。

  • CON:在成熟之前需要更多的進步,並且可以提供完整的材料體驗。

  • CON:文檔不佳。這些例子是有限的,關於例子的解釋很少,沒有給出每個例子可以做什麼的選擇,最好混淆。

角材質得分:-2

在此基礎上簡短分析,在我看來,Materialise的是,要在9月2017即使在使用Angular2 +應用程序的方式。我一直在我的角度4應用程序中使用Materialise,它效果很好。我希望這有幫助。

+0

注意:有AngularJS Material,對於angularJs –

5

去實現。

我不知道爲什麼人們低估了你的問題。這是一個合法的問題。雖然Angular Material看起來更具吸引力,但它的名字中有着名的「Angular」。但它絕對不是正確的選擇。它可能更好地與角度集成,但一個好的程序員可以將Materialise同樣好。

角材料還沒有那麼多的組件。實際上對於某些組件,它甚至沒有適當的例子。

我在Angular Material中開始了一個項目,但後來轉向Materialise a,因爲截至2017年9月20日,這個庫更加全面。並且還有很多例子可以正確記錄。

+0

這太奇怪了,它們都是谷歌產品,但它們仍然不能正常工作,就像firebase和angular一樣,它很混亂 – Ruben