title: Open nxg-owl-carousel-o image in lightbox
body: <p>I am using the Angular 8 version of Owl Carousel (2.1.0), and was wondering is there an option to click the image inside the slider to open it in a lightbox? I tried several ways but none were really working as expected... If it is not possible, could someone recommend some other plugin which has this option..? </p>
  
  <pre><code>&lt;owl-carousel-o [options]="customOptions" class="slider"&gt;
      &lt;!--*ngFor="let image of images"--&gt;
      &lt;ng-template carouselSlide&gt;
          &lt;img src="http://placekitten.com/500/300" alt="" class="slider-img" /&gt;
      &lt;/ng-template&gt;
      &lt;ng-template carouselSlide&gt;
          &lt;img src="http://placekitten.com/400/400" alt="" class="slider-img" /&gt;
      &lt;/ng-template&gt;
      &lt;ng-template carouselSlide&gt;
          &lt;img src="http://placekitten.com/400/300" alt="" class="slider-img" /&gt;
      &lt;/ng-template&gt;
  &lt;/owl-carousel-o&gt;
  
  ngOnInit() {
      this.customOptions = {
          loop: true,
          mouseDrag: true,
          touchDrag: true,
          pullDrag: true,
          autoHeight: true,
          dots: false,
          autoplay: true,
          autoplaySpeed: 300,
          autoplayHoverPause: true,
          navSpeed: 700,
          navText: ['', ''],
          responsive: {
              0: {
                  items: 2
              },
  
              300: {
                  items: 4
              }
          },
          nav: false
      };
  }
  </code></pre>
  
  <p>Edit: Resolved it with binding click event on img tag</p>
  
  <pre><code>&lt;ng-template #element carouselSlide&gt;
      &lt;img src="http://placekitten.com/400/400" alt="" class="slider-img" (click)="openSomeLightboxDialog($event)" /&gt;
  &lt;/ng-template&gt;
  </code></pre>