Arrow icons not changing

[umutesen]

Using the config below, the arrow icons are not changing:

this.galleryOptions = [
      {
        arrowPrevIcon: 'fa fa-chevron-left',
        arrowNextIcon: 'fa fa-arrow-circle-o-right',
        closeIcon: 'fa fa-window-close'
      },
      {
        imageArrows: false,
        thumbnailsArrows: false,
        image: false,
        thumbnailsRemainingCount: true,
        height: '100px',
        previewCloseOnClick: true,
        previewCloseOnEsc: true,
      },
      {
        breakpoint: 500,
        width: '100%',
        thumbnailsColumns: 2
      }
    ];


<ngx-gallery [options]="galleryOptions" [images]="galleryImages"></ngx-gallery>

Also, why do I need to define configuration in an array? It seems to break when I data-bind an instance of NgxGalleryOptions to the component.

[saifansari2]

https://github.com/kolkov/ngx-gallery

this is not working with dynamic binding with api post response

static binding is working fine

[saifansari2]

it is not working with .webp format