material2 發布 7.0.1,Angular 的 Material Design 風格框架

2021-01-10 開源中國

Angular 的 Material Design 風格框架 material2 發布了 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 (#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)

性能改進

源碼下載 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。

組件示例

相關焦點

  • ng-material 0.0.3 發布,Angular material2 的拓展組件
    此組件旨在拓展 material 2 的組件，滿足更多前後端的業務需求，當然你可以根據CDK 進行各種自定義。
  • 20個非常棒的Material Design設計概念案例
    自從去年google在android新版本Lollipop提出的material design概念後，在世界各地瘋狂地掀起一陣material design熱。Material design不僅看起來令人驚嘆，也是一個前所未有的設計理念。不僅對設計師的影響深大，對開發人員亦是。現在普遍流行的應用程式都採用這種新的設計理念，並且android端上的APP也是採用material design這種設計理念。對於那些還尚未採用這種設計理念的App，這裡我提一些自己的概念。
  • ng-notadd 0.11.2 基於 Angular7 和 material2 的中後臺解決方案
    新特性：BUG 修復： 技術棧TypescriptAngularMaterial20.11.00.12.0 使用 ng-material2 組件 手機端初步兼容0.13.00.14.0>0.15.00.16.00.17.00.18.00.19.00.20.00.21.0
  • MDUI 0.4.0 發布,Material Design 前端框架
    MDUI 0.4.0 發布了， MDUI 是一個 Material Design 前端框架，無依賴、響應式、支持多種主題切換。
  • 「MD規範」1.1-Material Design設計案例講解-Basil
    1.為了創建一致性，Basil所有的icon都使用相同的底層網格結構。2.Basil的icon集。Basil的icon使用主色調（橄欖綠）。輔助色（橘色）用在表示不包含某種食物類型時（如麩製品或乳製品）。Basil的輔助色被用來說明菜譜中的麩製品和雞蛋是自選的。
  • 前端框架 Angular 11.0.0 正式發布,不再支持 IE 9 、10
    前端框架 Angular 11.0.0 正式發布。
  • 通過5個簡單步驟升級到Angular 7
    目前，Angular 7是最新版本。及時了解最新版本非常重要。升級到Angular 7隻需幾個簡單的步驟：首先，通過終端添加最新版本全局升級Angular版本：sudo npm install -g @angular/cli@latest在項目中本地升級版本，並確保新版本的更改反映在package.json文件中ng update @angular/cli升級package.json中的所有依賴項和dev依賴項依賴關係：npm install -
  • Material Design:為什麼 FAB (Floating Action Button) 是不好的...
    關於 Material Design ，自從其去年發布後有一件事一直困擾著我：浮動操作按鈕（Floating Action Button）。什麼是 FAB？由於 Material Design 大膽的視覺風格，FABs 非常難以忽視和突出——而這正是問題所在。
  • 金融法律英語:「物證」不是「materialevidence」
    於是就有人望文生義，把「物證」譯為「material（物質的）evidence（證據）」了。 　　但是，從語言實踐看，「物證」並不是什麼「material evidence」而是「physical evidence」： 　　1.On the other hand，police hxdye never Or any physical evidence connecting him to confessed to——and later recanted.
  • 可不是「material」
    月餅裡面的「餡料」可不是「material」。那它的英文怎麼說呢？1. filling1) (糕點裡的) 餡月餅裡面的「餡料」，我們用filling。yolk,[jok] 是「蛋黃」補充：除了作「餡料」之外，filling還有以下三個意思：2）(補牙用的) 填料① I had to have two fillings at the dentist's today.
  • Listen to 「challenging」 English material to Improve Listening
    First, let’s divide English material into three categories based on difficulty:首先，讓我們根據難度將英語聽力材料分為三類：1. Too difficult to understand. 太難理解2.
  • material vue專題及常見問題 - CSDN
    Vue Materialhttps://vuematerial.io/https://vuematerial.io/getting-started/IntroductionVue Material is the best integration between
  • 怎樣做出Material Design風格PPT?
    Material Design風格，在演示設計中運用得當，能得到極佳的效果。下面來看看，如何通過4趴做出Material Design風格PPT。1.字體Noto Sans CJK (Source Han Sans SC / CN) + Roboto (2015年新設計的)文字左對齊，正文 1.5 倍行距，顏色是透明度為20%的黑色標題 1.15 ~ 1.2 倍行距，顏色是不透明黑色
  • Material是「材料」,那「他是個讀書的料」英語怎麼說?
    1）「料」用英語怎麼說？首先要注意一下，「料」用英語怎麼說？Material是「材料」，這是它最基本的含義，引申一下，「料」的英語也可以直接說material。比如說一些做衣服的材料clothing material；或者是建築材料building material；再者只是簡單說原材料raw material；教學資料teaching material；
  • Material Design控制項使用(二)
    本篇接著之前的Material Design控制項總結(一)往下學習support design包下其餘控制項,如果對Material
  • 基於Nest.js 的開發框架 Notadd 2.0 Beta1 發布
    (配圖是 PHP 版的，後續修改)系統環境支持系統：Linux / macOS / Windows 2008 及以上版本Node.js 版本：≥7.0資料庫：PostgreSQL9.4+ / MySQL 5.7+ / Oracle 12+ / MS SQL Server 2012+ / MariaDB 10.2.28+ / SQLite 3.9+緩存：Redis 3.2+ （當前版本非必須）2.0 後臺的全平臺支持 （手機、PC、平板）現在，2.0 的後臺管理完整支持了手機、PC、平板，後臺操作更加隨心所欲。
  • 基於Nest.js + React 的開發框架 Notadd 2.0 Beta2 發布
    一樣的適合大型項目開發和維護的框架。    資料庫：PostgreSQL 9.4+/ MySQL 5.7+ / Oracle 12+ / MS SQL Server 2012+ / MariaDB 10.2.28+ / SQLite 3.9+    緩存：Redis 3.2+  （當前版本非必須）    2.0 後臺的全平臺支持 （手機、PC、平板）    現在，2.0 的後臺管理完整支持了手機
  • Muse-UI — Vue2.0 的 Material Design UI 框架
  • 谷歌Material Design動效篇
    鼓勵用戶進一步探索應用：那麼，我再點點這裡試試呢在material design中，應用應該具備迅捷反饋的動效，讓用戶充滿期待：•觸控、語音輸入、鍵盤、滑鼠是首要考慮的輸入模式•儘管UI元素是有形的，但是在物理上被限制在了設備屏幕之內。視覺線索和動效提供的線索能夠在用戶和設備之間建立溝通的巧玲，讓用戶確認自己的輸入有效，繼而指引用戶操作。
  • 2013高考英語高頻詞彙:高考7000詞之material材料
    【解析】 　　1.beaver 　　n. 海狸，水獺 　　A Finnish man survived an attack by a beaver. 　　一名芬蘭男子僥倖逃過一隻海狸的攻擊。 　　2.chew 　　1)v.