NG-ZORRO 8.0.0 发布,Ant Design 的 Angular 实现

栏目: 软件资讯 · 发布时间: 5年前

内容简介:NG-ZORRO 8.0.0 发布了。NG-ZORRO 是 Ant Design 的 Angular 实现,用于开发和服务于企业级后台产品。 NG-ZORRO 的部分 API 在 8.0.0 版本进入弃用状态,所有弃用 API 在 9.0.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


以上所述就是小编给大家介绍的《NG-ZORRO 8.0.0 发布,Ant Design 的 Angular 实现》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

打造Facebook

打造Facebook

王淮、祝文让 / 印刷工业出版社 / 2013-2-1 / 39.80元

《打造Facebook》新书发布会,王淮与读者面对面,活动链接:http://www.douban.com/event/18166913/ 这本书的书名——《打造Facebook:亲历Facebook爆发的5年》很嚣张,谁有资格可以说这句话呢,当然,扎克伯格最有资格,但他不会亲自来告诉你,至少从目前的情况来看,近几年都不大可能。而且,这不是一个人的公司。里面的每一人,尤其是工程师,既是公司文......一起来看看 《打造Facebook》 这本书的介绍吧!

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器