最为大型前端团队首选的前端技术框架,angular,在国内多少还是有些水土不服。本人将针对angular做个一系列的填坑分享。
坑一:sdk
angular的sdk不属于各个模块,直接挂载在body下面, ant design直接使用sdk,导致任何的弹出层,如select,dropdown,picker等在弹出来的时候自动创建覆盖全局的sdk,需要点击sdk才能关闭已打开的下拉。
明显需要点击两次才能出现一个下拉是产品们不能接受的。
解决方案有两个,一个是修改底层源码,抛弃sdk,明显成本巨大,而且bug会层出不穷,考虑不周全,建议缺少前端架构组的团队就不用考虑了。
本人选择了另外一个方案,有点取巧,但是能快速解决问题。
步奏一:
将sdk缩小至1x1px,让鼠标可以点击网页中任意地方。
.cdk-overlay-backdrop { width: 1px!important; height: 1px!important; }