如何学习NgZorro的源码

1、先阅读ng-zorro的官方文档，比如nzButton的如何使用方法，产生的效果，形成初步的映象。

我们先看最简单的使用方法：

<button nz-button nzType="primary">Primary</button>

效果就是一个圆角蓝色背景的按钮，按钮带有文字Primary，鼠标点击按钮有波纹效果。

2、选中按钮审查元素，观察审查元素中的html和使用方法中的写的html代码有什么区别。

<button _ngcontent-c11="" nz-button="" nztype="primary" class="ant-btn ant-btn-primary" nz-wave="[object Object]"><!----><span>Primary</span></button>

可以看到属性和样式都有变化，并且还插入了一个span标签，span标签是用来显示按钮中的文字的。

此时可以猜测到源码在生成button的时候增加了class，并且在button中插入了一段span元素，同时还增加了一些不太熟悉的属性，这些属性能够让button在点击的时候呈现一些效果。

到此，我们对nz-button有了最初的认识。

3、查看更多的使用方法，按照前文介绍的1、2方法认识nz-button的更多特点。

4、带着这些初步的认识，阅读源码。

源码所做的事情就是根据你写的简洁的代码转化成丰富的效果，根据你的配置生成不同效果的按钮。

5、学习源码的设计，编码规范，以及你不太熟悉的知识点，阅读源码也是一种高效学习的方法。