Open deepakgonda opened 5 years ago
routerLink as well as click not working on cloned items when loop:true, when the elements are active both click and router link works fine but when items are in cloned state they do not work.
<owl-carousel [options]="owlOption"> <ng-container *ngFor="let item of featuredCompetitions"> <ng-container *ngTemplateOutlet="followingpost;context:{item: item, feature:true}"></ng-container> </ng-container> </owl-carousel>
owlOptions = { dots: true, items: 4, nav: true, navText: ["", ""], loop: false, autoplaySpeed: 1500, autoplayHoverPause: true, responsive: { "0": {items: 1, loop: true, stagePadding: 15}, "375": {items: 1, stagePadding: 40, loop: true}, "424": {items: 1, stagePadding: 70, loop: true}, "480": {items: 1, stagePadding: 100, loop: true}, "600": {items: 2, stagePadding: 10, loop: true}, "768": {items: 2, stagePadding: 60, loop: true}, "940": {items: 3, stagePadding: 40, loop: true}, "1140": {items: 3, stagePadding: 80, loop: true}, "1261": {items: 4}, "1601": {items: 4, stagePadding: 40, loop: true}, "1780": {items: 4, stagePadding: 120, loop: true} } };
The same problem
I have the same issue..
routerLink as well as click not working on cloned items when loop:true, when the elements are active both click and router link works fine but when items are in cloned state they do not work.
<owl-carousel [options]="owlOption"> <ng-container *ngFor="let item of featuredCompetitions"> <ng-container *ngTemplateOutlet="followingpost;context:{item: item, feature:true}"></ng-container> </ng-container> </owl-carousel>
owlOptions = { dots: true, items: 4, nav: true, navText: ["", ""], loop: false, autoplaySpeed: 1500, autoplayHoverPause: true, responsive: { "0": {items: 1, loop: true, stagePadding: 15}, "375": {items: 1, stagePadding: 40, loop: true}, "424": {items: 1, stagePadding: 70, loop: true}, "480": {items: 1, stagePadding: 100, loop: true}, "600": {items: 2, stagePadding: 10, loop: true}, "768": {items: 2, stagePadding: 60, loop: true}, "940": {items: 3, stagePadding: 40, loop: true}, "1140": {items: 3, stagePadding: 80, loop: true}, "1261": {items: 4}, "1601": {items: 4, stagePadding: 40, loop: true}, "1780": {items: 4, stagePadding: 120, loop: true} } };