Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Angular 4中使用图片元素延迟加载图像？_Javascript_Html_Angular_Lazy Loading - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何在Angular 4中使用图片元素延迟加载图像？

Javascript 如何在Angular 4中使用图片元素延迟加载图像？

javascript html angular

Javascript 如何在Angular 4中使用图片元素延迟加载图像？,javascript,html,angular,lazy-loading,Javascript,Html,Angular,Lazy Loading,我想在Angular 4项目中延迟加载图像。我正在使用picture元素来显示项目中的图像。我在Angular中看到并尝试了几个惰性加载包。给你 ，及 但是没有一个包提到如何延迟加载picture元素，因为它包含许多源元素 下面是我的图片元素的模式： <picture> <source srcset="image-1x.webp 1x, image-2x.webp 2x" type="image/webp"/> <source srcset="ima

我想在Angular 4项目中延迟加载图像。我正在使用
picture
元素来显示项目中的图像。我在Angular中看到并尝试了几个惰性加载包。给你 ，及

但是没有一个包提到如何延迟加载picture元素，因为它包含许多源元素

下面是我的
图片
元素的模式：


<picture>
    <source srcset="image-1x.webp 1x, image-2x.webp 2x" type="image/webp"/>
    <source srcset="image-1x.png 1x, image-2x.png 2x" type="image/png"/>
    <img src="image-1x.png" alt="some text">
</picture> 






请帮我解决这个问题