Skip to content

Commit 5d4f11c

Browse files
committed
fix(angular): zoom container custom class
1 parent 7c6c5f1 commit 5d4f11c

File tree

2 files changed

+5
-1
lines changed

2 files changed

+5
-1
lines changed

src/angular/src/swiper.component.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@
4646
[style]="style"
4747
[ngSwitch]="slide.zoom"
4848
>
49-
<div *ngSwitchCase="true" class="swiper-zoom-container">
49+
<div *ngSwitchCase="true" [ngClass]="zoomContainerClass">
5050
<ng-template
5151
[ngTemplateOutlet]="slide.template"
5252
[ngTemplateOutletContext]="{

src/angular/src/swiper.component.ts

+4
Original file line numberDiff line numberDiff line change
@@ -409,6 +409,10 @@ export class SwiperComponent implements OnInit {
409409
return of(this.slides);
410410
}
411411

412+
get zoomContainerClass() {
413+
return typeof this.zoom !== 'boolean' ? this.zoom.containerClass : 'swiper-zoom-container';
414+
}
415+
412416
@HostBinding('class') containerClasses = 'swiper-container';
413417
constructor(
414418
private zone: NgZone,

0 commit comments

Comments
 (0)