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

栏目: 编程语言 · AngularJS · 发布时间: 4年前

内容简介: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 版本是更新说明:

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


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

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

ASP.NET动态网站开发基础教程

ASP.NET动态网站开发基础教程

郭兴峰 / 清华大学 / 2006-5 / 32.00元

ASP.NET是由Microsoft公司推出的新一代Web开发构架。开发人员可以通过ASP.NET实现动态网站的开发,包括开发Web应用程序和Web服务。   本书详细讲解了ASP.NET动态网站开发技术,共分13章,内容包括ASP.NET语言基础、HTML与Script语言、C#语言基础、ASP.NET常用对象、数据库访问技术、数据服务控件和数据绑定技术、ASP.NET配置和部署、ASP.......一起来看看 《ASP.NET动态网站开发基础教程》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

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

在线XML、JSON转换工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具