material2 釋出 7.0.1，Angular 的 Material Design 風格框架

摘要： Angular 的 Material Design 風格框架 material2 釋出了 7.0.1 版本 ，這主要是一個 bug 修復版本： Bug 修復 autocomplete:not propagating same model value when reset...

Angular 的 Material Design 風格框架 material2 釋出了 ofollow,noindex">7.0.1 版本 ，這主要是一個 bug 修復版本：

Bug 修復

• autocomplete:not propagating same model value when reset while open ( #13634 ) ( 2006144 )

• button-toggle:content shifting in IE11 ( #13492 ) ( 7f5cbe3 )

• datepicker:don't allow clicks on disabled cells in year and multi-year views ( #13448 ) ( 85741e0 )

• drag-drop:not picking up handle that isn't a direct descendant ( 360" rel="nofollow,noindex" target="_blank">#13360 ) ( 0f05d99 )

• drag-drop:preserve previous inline transform ( #13529 ) ( 2a8da45 )

• drag-drop:use passive event listeners for start events ( #13526 ) ( 5d5fba5 )

• expansion-panel:emitting events twice on some browsers ( #13600 ) ( 85a3ae0 )

• form-field:native select options blending in with dropdown background on a dark theme ( #13201 ) ( b8a6294 )

• grid-list:unable to assign numeric zero as gutter size ( #13652 ) ( 4ffcf74 )

• list:selection list moving focus when an option is destroyed ( #13531 ) ( 2c4c5ba )

• menu:closing parent overlay when pressing escape ( #13442 ) ( c3ae922 )

• menu:proper focus styling when opened by tap on a touch device ( #13599 ) ( c271167 )

• progress-bar:not taking current path after first initialization ( #13628 ) ( 8e331a7 )

• radio:improved alignment for native validation messages ( #13570 ) ( dbf5164 )

• sidenav:opened and closed events emitting twice on IE and Edge ( #13649 ) ( 5295e2f )

• slider:update value on mousedown instead of click ( #13020 ) ( c995db7 )

• stepper:custom icons not centered inside circle ( #12947 ) ( 45edf64 )

• stepper:emitting the animationDone event twice on some browsers ( #13608 ) ( a11ca21 ), closes  #13600 #13587

• stepper:intl provider not being picked up in lazy-loaded modules ( #12934 ) ( 00ce69b )

• table:delimit words when filtering ( #13487 ) ( 1d87b4c )

• text-field:autosize textarea not resizing on minRows decrease ( #13437 ) ( 8bae5b4 )

效能改進

• focus-monitor:mark event listeners as passive ( #13532 ) ( ba0c820 )

原始碼下載 https://github.com/angular/material2/releases/tag/7.0.1

Material Design for Angular 是 Angular 官方團隊開發的基於最新版本 Angular 的 Material  Design 風格的框架，可和Nest.js搭配使用做全棧開發。

針對 Angular 1 版本的實現 https://www.oschina.net/p/material-design-for-angularjs

Angular Material 目標是按照 Material Design 規範構建一組使用 Angular 和 TypeScript 構建的高質量 UI 元件。這些元件將作為如何按照最佳實踐編寫 Angular 程式碼的示例。

瀏覽器支援

支援所有主流瀏覽器的最新版本：Chrome （包括 Android, Firefox, Safari （包括 iOS）和 IE11 / Edge。

元件示例