如何使用Angular 6 SDK高效解决填坑问题？

本文共计828个文字，预计阅读时间需要4分钟。

技术背景：Angular+Ant Design + Zorro是最受欢迎的大型前端团队首选的前端技术框架，国内使用较多，但仍有一些水土不服。本文将针对Angular进行一系列的填坑分享。

坑一：Angular的SDK不隶属于各个模块。

技术背景：angular + ant zorro

最为大型前端团队首选的前端技术框架，angular，在国内多少还是有些水土不服。本人将针对angular做个一系列的填坑分享。

坑一：sdk

angular的sdk不属于各个模块，直接挂载在body下面，ant design直接使用sdk，导致任何的弹出层，如select，dropdown，picker等在弹出来的时候自动创建覆盖全局的sdk，需要点击sdk才能关闭已打开的下拉。

明显需要点击两次才能出现一个下拉是产品们不能接受的。

解决方案有两个，一个是修改底层源码，抛弃sdk，明显成本巨大，而且bug会层出不穷，考虑不周全，建议缺少前端架构组的团队就不用考虑了。

本人选择了另外一个方案，有点取巧，但是能快速解决问题。

步奏一：

将sdk缩小至1x1px，让鼠标可以点击网页中任意地方。