什么是angular2-mdl，我在哪里可以找到它，它提供了什么？

Question

• 什么是angular2-mdl？
• 为什么angular2-mdl存在？
• 我在哪里可以找到来源？
• 我在哪里可以找到演示？
• 可以通过npm安装吗？

Answer 1

angular2-mdl 是基于材质设计精简版（http://getmdl.io）的角度2组件，指令和样式。它以npm包<form> <div class="form-group"> <div class ="col-md-6 input-group"> <span class="input-group-addon">Larghezza</span> <div id="myNumber"> <input type="number" class="form-control" id="focusedInput" placeholder="Inserisci qui..." > </div> </div> </div> </form> <button type="button" onclick="myFunction()" class="btn btn-default">Calcola</button>的形式提供。这些来源可以在github上找到（https://github.com/mseemann/angular2-mdl）所有组件都记录在这里：http://mseemann.io/angular2-mdl。

它的存在是因为：

• 它允许您编写简短的html模板以获得材料设计精简外观。
• 它将组件与最新版本的angular2（2.0 Final）集成。
• 它提供双向绑定和反应形式。
• 可以通过从mdl或使用原始scss.i
切换样式来设置主题
• 它使用经过充分测试并广泛使用的来自getmdl的原始css。
• 这是动态的。您可以在应用程序的生命周期内创建和销毁组件，并且ui将按预期更改。没有必要破解mdl javascript。