fix(angular): zoom container custom class

nolimits4web · Jan 25, 2021 · 5d4f11c · 5d4f11c
1 parent 7c6c5f1
commit 5d4f11c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/angular/src/swiper.component.html b/src/angular/src/swiper.component.html
@@ -46,7 +46,7 @@
     [style]="style"
     [ngSwitch]="slide.zoom"
   >
-    <div *ngSwitchCase="true" class="swiper-zoom-container">
+    <div *ngSwitchCase="true" [ngClass]="zoomContainerClass">
       <ng-template
         [ngTemplateOutlet]="slide.template"
         [ngTemplateOutletContext]="{

diff --git a/src/angular/src/swiper.component.ts b/src/angular/src/swiper.component.ts
@@ -409,6 +409,10 @@ export class SwiperComponent implements OnInit {
     return of(this.slides);
   }
 
+  get zoomContainerClass() {
+    return typeof this.zoom !== 'boolean' ? this.zoom.containerClass : 'swiper-zoom-container';
+  }
+
   @HostBinding('class') containerClasses = 'swiper-container';
   constructor(
     private zone: NgZone,