如何使用 Javascript 在 Angular 中的错误 src 图像之间切换？

Question

我已经在 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 来做？我已经包含了一个带有 function 的标签，可以放置它。

Answer 1

使用 javascript 逻辑运算。 或者。

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