angular - 如何在甜蜜警报 2 中显示多个图像？

Question

我正在构建一个 Angular 2 应用程序，并在其中的一部分中使用了 sweet alert 2。我需要在弹出窗口中同时显示多个图像（至少两个）。有任何想法吗？

Answer 1

只需<img>像这样将标签添加到 html 参数中

swal({
    title: '<u>example</u>',
    type: 'info',
    html:
    '<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/SNice.svg/1200px-SNice.svg.png" alt="Smiley face" height="42" width="42">'+ 
    '<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/SNice.svg/1200px-SNice.svg.png" alt="Smiley face" height="42" width="42">',
    showCloseButton: true,
    showCancelButton: true,
    focusConfirm: false,
    confirmButtonText:
    '<i class="fa fa-thumbs-up"></i> Great!',
    confirmButtonAriaLabel: 'Thumbs up, great!',
    cancelButtonText:
    '<i class="fa fa-thumbs-down"></i>',
    cancelButtonAriaLabel: 'Thumbs down',
});

这将允许您添加任意数量的图像（只需继续添加图像标签）。希望这有帮助，祝你好运！