首页 > 解决方案 > Lazysizes 不像我拥有的​​其他项目那样在 div 上工作 - Angular

问题描述

我正在尝试在我的 Angular 项目中实现lazysizes 延迟加载脚本,但它似乎没有按预期工作。

我有一个带有延迟加载脚本的项目正在运行,但它是一个简单的项目,没有框架。

我尝试使用lazysizes自述文件中的npm i,但它没有用。然后我手动下载了 sript 并将其导入 angular.json 并且它工作。

问题是在我拥有的另一个项目(简单的项目)上,它使用 div 中的lazyload 类并使用 data-bg 来设置图像的来源。我在我的角度项目中做了同样的事情并且没有工作。

<div class="lazyload" data-b="/assets/HomePage_Images/head.jpg">

我还有其他正在工作的图像,所以路径是正确的,所有这些

<img class="lazyload" data-src="/assets/HomePage_Images/head.jpg">

我的问题是,我从lazysizes 导入脚本是否错误?我使用了 npm,然后我什么也没做,我应该导入一些东西吗?

为什么在项目上该课程适用于 div 而我的项目却不适用?

惰性大小脚本:https ://github.com/aFarkas/lazysizes

标签: javascriptangularlazy-loading

解决方案


推荐阅读