Intento usar lightGallery con una aplicación Angular 11+. La galería de fotos funciona como se esperaba cuando el contenido HTML se crea de forma estática, es decir, el atributo data-src de una etiqueta dentro de lightGallery tiene un valor estático:

 <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>

Sin embargo, se muestra el siguiente mensaje de error una vez data-src se configura dinámicamente:

No se puede vincular a 'src' ya que no es una propiedad conocida de 'a'.

Parte que no funciona:

 <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>

El ejemplo está aquí en stackblitz .

¿Qué hago mal aquí?