javascript - src 属性的 Angular 和 lightgallery 问题

Question

我尝试将 lightGallery 与 Angular 11+ 应用程序一起使用。当静态创建 HTML 内容时，照片库按预期工作，即data-srclightGallery 中的标签属性具有静态值：

<lightgallery [settings]="settings">
  <a data-lg-size="480-475-480, 800-791-800, 1406-1390" class="gallery-item"
    data-src="image1.jpg" data-responsive="image1-small.jpg" data-sub-html="Photo">
    <img class="img-responsive"
      src="image1-thumbnail.jpg" />
  </a>
</lightgallery>

但是，一旦动态设置，就会显示以下错误消息data-src：

无法绑定到“src”，因为它不是“a”的已知属性。

不工作的部分：

<lightgallery [settings]="settings">
  <a *ngFor="let image of images" data-lg-size="480-475-480, 800-791-800, 1406-1390" class="gallery-item"
    data-src="{{image.src}}" data-responsive="{{image.responsive}}" data-sub-html="Photo">
    <img class="img-responsive"
      src="{{image.thumbnail}}" />
  </a>
</lightgallery>

示例在stackblitz上。

我在这里做错了什么？