angular7整合layui框架，实现layer功能的解决办法

  最近在做angular项目开发，需要使用到弹出窗口功能，发现还是layui的layer比较好用，经过一些弯路之后，总算把问题解决了，现在将办法提出来。

 首先，我是直接导入layui，不是单独只导入layer，因为我其他的页面也需要用到layui的css样式。网上的办法有的是在angular.json导入相应的js和css，这种办法比较适合单独导入layer的情况。

我的做法是这样的。

去layui官网下载最新框架包，我下载的版本是2.4.5，然后导入到项目的assets文件下，我使用的Ide是webstorm2018系列的。如下图所示：

第二步，在项目目录中找到index.html文件，注意导入的位置，一定要在head结束前导入，

当在Index.html中导入layui的css和js之后，同时也要将layui.use这个javascript脚本写上，不要忘记是写在head结束前

最后一步，当需要在对应的ts文件中，需要使用到layui的layer时，其他模块同理，可以定义一个全局变量的文件，或者在那个需要用到layer的ts文件上面定义一个全局变量。如下图所示：

然后在逻辑代码部分这样实现