1. 程式人生 > >NgMaterial 0.0.6 釋出,Angular material2 的拓展元件

NgMaterial 0.0.6 釋出,Angular material2 的拓展元件

  

此元件旨在拓展 material 2 的元件,滿足更多前後端的業務需求,當然你可以根據CDK 進行各種自定義。 

BUG 修復

  • 修改寬度和圖示位置

  • 修復ng build --prod的問題

Step 1: Install and configure Angular Material

Getting Started Guide with Angular Material

Step 2: Install Notadd NgMaterial2

  ng add @notadd/ng-material2

Step 3: Import the component modules

  import { NmAlertModule, NmCarouselModule, NmCascadeDropdownlistModule } from '@notadd/ng-material2';
  
  @NgModule({
    ...
    imports: [ NmAlertModule, NmCarouselModule, NmCascadeDropdownlistModule ],
    ...
  })
  export class AppModule { }

元件說明

Roadmap

  •  Icons+ ✔

佈局

  •  預設佈局

動畫

UI元件

  •  提示框 (components/alerts) ✔

  •  輪播 (components/carousels)✔

  •  頁尾 (components/footer)✔

按鈕:

  •  物品群 (item-groups)

  •  多級聯動 ✔

  •  多視窗 (components/windows)

  •  懸停 (components/hover)

  •  上傳 【檔案上傳,圖片上傳,頭像上傳】✔

  •  視差 (components/parallax)

  •  評級 (components/ratings)

  •  時間線 (components/timelines)

  •  可拖拽樹檢視 【滯後】