时间戳

首页 > 解决方案 > 如何使用 Javascript 在 Angular 中出现错误时在 src 图像之间切换？

javascript - 如何使用 Javascript 在 Angular 中出现错误时在 src 图像之间切换？

问题描述

我已经在 Angular 应用程序上工作了一段时间，我想在发生错误时在多个图像之间切换。这是代码：

          <picture>
            <source [srcset]="element.thumbWebp" type="image/webp" />
            <source [srcset]="element.thumb" type="image/jpeg" />
            <source [srcset]="element.imageWebp" type="image/webp" />
            <img
              [src]="element.image"
              [alt]="element.title"
              height="204"
              width="145"
              onerror="this.onerror=; this.src='(DEFAULTIMAGELINKDELETEFORPRIVACY)';"
            />
          </picture>
            <script>
                function changeElement() {

                }
            </script>

图像应首先选择“element.thumbWebp”，然后如果发生错误“element.thumb”，然后出现错误“element.imageWebp”，最后选择“element.image”。“元素”代码是 Angular 中决定什么图像的逻辑占位符必须显示。如果可能的话，我最好希望通过 Javascript 来完成？我已经包含了一个带有可以放置它的函数的标签。

标签： javascriptangularimage

解决方案

使用javascript逻辑运算。或者。

元素.thumbWebp || 元素.thumb || element.imageWebp || 元素.图像

推荐阅读