歡迎您光臨本站 註冊首頁

NG-ZORRO 8.0.0 發布,Ant Design 的 Angular 實現

←手機掃碼閱讀     admin @ 2019-06-30 , reply:0

NG-ZORRO 8.0.0 發布了。NG-ZORRO 是 Ant Design 的 Angular 實現,用於開發和服務於企業級後台產品。

NG-ZORRO 的部分 API 在 8.0.0 版本進入棄用狀態,所有棄用 API 在 9.0.0 之前仍然會的得到支持,這意味著 8.0.0 版本 與 7.0.0 版本是 完全兼容 的。開發者可以在開發環境下獲得棄用 API 的詳細提示(生產環境下提示不會出現),並在 9.0.0 發布之前有充足的時間修正這些用法。

  • 新增 Typography 組件,該組件提供了文本的基本格式及常見操作。

  • ng add ng-zorro-antd 時新增模板選項,可以更方便的初始化項目,更多信息可以在腳手架部分查看。

  • 對 Form 表單進行了全面增強,新版本只需要直接傳入錯誤提示內容即可工作。


<nz-form-control nzErrorTip="Please input your username!">
  <nz-input-group [nzPrefix]="prefixUser">
    <input formControlName="userName" nz-input placeholder="Username" />
  </nz-input-group>
</nz-form-control>
  • Dropdown 不再需要 Component 包裹 Directive 的寫法,避免 Component 的 selector 對於 樣式的影響。

<a nz-dropdown [nzDropdownMenu]="menu">Hover me</a>
<nz-dropdown-menu #menu="nzDropdownMenu">
  <ul nz-menu>
    <li nz-menu-item>1st menu item</li>
    <li nz-menu-item>2nd menu item</li>
    <li nz-menu-item>3rd menu item</li>
  </ul>
</nz-dropdown-menu>
  • Menu 增加自動根據路由高亮的功能。

<ul nz-menu nzMode="horizontal">
  <li nz-menu-item nzMatchRouter>
    <a [routerLink]="['/', 'welcome']">Welcome</a>
  </li>
</ul>

Features

  • avatar: 增加 nzSrcSet nzAlt 屬性 (#3583) (d0ad5e8), closes #3543
  • breadcrumb: 支持在 breadcrumb 中加入 dropdown (#3636) (9dfab45)
  • carousel: 支持修改 dot 位置 (#3575) (0566331)
  • form: 支持直接傳入錯誤信息 (10d0e28)
  • input-number: 支持 nzId 屬性 (a6500c8)
  • menu: 支持按照 routerLink 自動激活狀態 (c9e84c7)
  • menu: 支持直接傳入 nzTitle & nzIcon (0cde4d7)
  • pagination: 支持 nzDisabled 狀態 (141bef8)
  • select: 支持自定義展示 template (#3071) (aad02a5), closes #2946
  • table: 支持 nzVirtualForTrackBy 屬性 (cb14096)
  • transfer: 增加 nzShowSelectAll & nzRenderList 屬性 (#3588) (1619f30), closes #3567 #2870
  • typography: 增加 typography 組件 (#3119) (4d739ef)
  • schematics: 在 ng-add 支持新建模板 (#3674) (69072de)

Bug Fixes

  • button: 修復 button 初始化 icon 順序問題 (#3578) (c3df8b5), closes #3079
  • descriptions: 修復 warning 問題 (#3663) (5826fc1)
  • dropdown: 當 disabled 時關閉 dropdown (0bd1ae3), closes #3420
  • form: 修復 formControl 下的校驗問題 (bc54e90), closes #3551
  • form: 修復 form 中 nz-input-group 圖標重疊問題 (#3633) (0fc7d05), closes #3607
  • grid: 修復 typescript 定義 (#3473) (107e731)
  • input: 修復 nzAddOnBeforeIcon 動態切換時的問題 (#3597) (a37ec0a), closes #3596
  • mention: 修復 trigger 切換時的問題 (#3632) (c8b5b09), closes #3629
  • menu: 修復 title 改變導致的 ExpressionChangedAfterItHasBeenCheckedError (52975ff), closes #3023
  • menu: 修復 submenu 在 collapsed 時激活狀態的問題 (67f6fa2), closes #3345
  • pagination: 修復 pagination 在 nzTotal 為 0 下的顯示問題 (#3651) (d28fc49), closes #3648
  • select: 修復在 nzOnSearch 觸發時 nzOpen 狀態問題 (3ca816d), closes #3626
  • select: 修復在 disabled 狀態下回車可以打開 select 的問題 (36db36c), closes #3408
  • select: 修復在 chrome 49 下中文輸入法引發的問題 (#3440) (3c82f26), closes #3439
  • table: 修復與 @angular/material/table 的兼容問題 (79b02ca)
  • table: 修復與 table 邊框狀態下固定列樣式問題 (31e674d)
  • table: 修復在列數動態調整下 sortChange 觸發邏輯問題 (#3603) (#3605) (c85743d)

更新說明:

https://github.com/NG-ZORRO/ng-zorro-antd/releases/tag/8.0.0


[admin ]

來源:OsChina
連結:https://www.oschina.net/news/107842/ng-zorro-8-0-0-released
NG-ZORRO 8.0.0 發布,Ant Design 的 Angular 實現已經有241次圍觀

http://coctec.com/news/all/show-post-208533.html