引入antd组件样式_[Angular 组件库 NG-ZORRO 基础入门] - 实验性功能

前言回顾

我们花了两天介绍了主题相关的内容，一些知识点只是点到即止，更多的内容还是得大家自己去理解。今天我们介绍 NG-ZORRO 中一个独立的模块单元：实验性功能。这部分的组件是我们在开发过程中发现的比较常用但是 Ant Design 并没有提供的，对于一些后台场景业务十分有效。

Resizable调整尺寸

特性

• [nz-resizable]：DIRECTIVE，声明在需要调整尺寸的元素上，元素 position 属性必须为 'relative' | 'absolute' | 'fixed' |'sticky' 之一，默认会自动设置为 'relative'。
• nz-resize-handle：定义单个调整手柄及方向。
• nz-resize-handles：定义多个调整手柄的快捷组件，定义添加那些调整手柄的方向。

这些属性能够实现：

• 支持释放前预览提高性能
• 支持栅格系统
• 支持自定义调整手柄和预览样式

使用

首先引入 NzResizableModule ，在 styles.less 导入 @import "../node_modules/ng-zorro-antd/resizable/style/entry"; 样式。

然后在页面上即可使用：

<div
  class="box"
  nz-resizable
  [nzMaxWi