angular6---引用layer,laydate插件
匿名 · 更新于 2018/8/27
一. 简述
版本为angular6,其他版本一样的步骤。因为第三方插件大部分是js写的,angular直接引用的会出错,angular是基于typeScript基础的。下面主要讲了laydate引入步骤,layer同理。
二. 步骤
1. 下载laydate插件。laydate下载网址2. 下载好的laydate.js和theme文件放到assets目录下


4. laydate使用。

5. 运行项目
ng serve --open --port 4201
6. 编译出现这样的错误。
ERROR in src/app/patient-list/patient-list.component.ts(15,5): error TS2304: Cannot find name 'laydate'.
angular编译器不识别这个变量laydate,我们需要在src目录想创建一个typings.d.ts文件,定义一下这个变量。在运行一下就好了。

另外如果layui.js中调用其他组件出现js路径问题,可以将layui中的lay/替换成assets/,然后修改对应组件在assets中的路径即可,如下图

layui弹出layer消息提示,在移动端有时候会无法水平居中,那么需要将layer.js中将layer的maxWidth(原360)改为更小比如300即可,具体值根据实际情况调整。
代码位置在layer.js中大概98行附近

layui弹出layer消息提示,在移动端有时候会无法水平居中,那么需要将layer.js中将layer的maxWidth(原360)改为更小比如300即可,具体值根据实际情况调整。
代码位置在layer.js中大概98行附近
