Swiper with Virtual Slides Module Enabled is not in NgZone

[seanwu1105]

• Swiper Version: 6.6.1
• Platform/Target and Browser Versions: web

What You Did

When I use SwiperComponent for Angular with virtual slides module enabled [virtual]="true", all events trigered inside <ng-template swiperSlide></ng-template> does not run in NgZone. Since SwiperModule is officially and specifically supported for Angular framework, I think it should make sure all interfaces publicly exported should be handled in NgZone by default.

Here is a minimal sample project to demonstrate the problem. If the Stackblitz live demo does not work, see this GitHub repo directly.

Expected Behavior

The demo contains the expected behavior. The navigation with routerLink inside ng-template should run in NgZone to refresh DOM accordingly.

Actual Behavior

The navigation with routerLink inside ng-template does not run in NgZone, which causes the DOM does not refresh correctly. You can see there are warnings regarding the navigation not running in NgZone.

[vltansky]

@seanwu1105 should be fixed in #4601. You can try it a demo on master with npm run build and then ng serve