routerLink as well as click not working on cloned items when loop:true

[deepakgonda]

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} } };

[Sparksjj]

The same problem

[janstrbik]

I have the same issue..