美文网首页
ng-zorro-antd 0.6.x to 0.7.x

ng-zorro-antd 0.6.x to 0.7.x

作者: 马克_唐卡 | 来源:发表于2018-10-31 19:45 被阅读0次

    目前0.6.x的版本已经不在维护,官方推荐使用0.7.x版本。

    升级前先看官方升级文档(然并卵),里面有一个html转化的小工具,可以进行在线转化0.6.x到0.7.x的布局。不过对于一个完整的项目而言,这不好操作,建议还是在ide中使用全局替换的方式更实际。

    下面说一下升级步骤:

    • 升级依赖到0.7.1

    • .angular-cli.json中添加styles:

        "styles.scss",
        "../node_modules/ng-zorro-antd/src/ng-zorro-antd.less"
      
    • 替换<nz-input></nz-input><input nz-input>

    • 替换<input >标签中nzDisabled属性为disabled

    • 替换<input>标签中nzPlaceHolder属性为placeholder

    • 替换<nz-table>标签nzAjaxData属性为nzData,替换nzIsPaginationnzShowPagination,删除nzCustomNoResult属性

    • 替换nz-input[nzType]nz-input type(使用原有input属性)

    • 替换scss中nz-input选择器为input

    • 替换nz-dropdown控件中的nz-dropdown-customnz-menu

    注意:

    1. 在自己的feature分支中更新时,使用全局替换方式更方便。同一个标签如果只替换头尾而保留中间内容,可分两部替换,先替换头再替换尾(idea from Shepard)。
    2. 升级后部分css效果会消失,需要在后期根据新等设计重新设置css样式
    3. 在后续使用ant控件时需要参考0.7版本的开发文档:
      https://ng.ant.design/version/0.7.x/docs/introduce/zh

    相关文章

      网友评论

          本文标题:ng-zorro-antd 0.6.x to 0.7.x

          本文链接:https://www.haomeiwen.com/subject/ykkztqtx.html