Quiero mostrar mis imágenes usando viewrJS, así que lo he probado con JSfiddle. Pero de esa manera no pude usar en angular

aquí está el JSfiddle

en JSfiddle he configurado la parte de acceso al elemento como esta

 const viewer = new Viewer(document.getElementById('grid'),{});

no está dentro de la función también. ¿Por qué fue así cuando puse dentro de la función? La imagen no se ve por primera vez, sino por segunda vez.

Quería usar esta solución en angular. tiene alguna manera de hacer eso?