您现在的位置是: 首页 » 网页代码 » angular7中如何使用layui插件
网页代码

angular7中如何使用layui插件

网站优化小编二月 19, 2020 91人已围观

AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。下面我们来看一下在angular7中使用layui的方法。

网站运营中栏目排名优化技巧

angular7使用layui框架,实现layer功能:

layui官网下载最新框架包,然后导入到项目的assets文件下。

网站运营中栏目排名优化技巧

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

网站运营中栏目排名优化技巧

网站运营中栏目排名优化技巧当在Index.html中导入layui的css和js之后,同时也要将layui.use这个javascript脚本写上,不要忘记是写在head结束前。

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

网站运营中栏目排名优化技巧然后在逻辑代码部分这样实现

网站运营中栏目排名优化技巧

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:393天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:4873 条
  • 文章评论:1758 条
  • 微信公众号:扫描二维码,关注我们