Sunday, March 19, 2023
HomeCSScss - Angular routerlink piece not activating slider

css – Angular routerlink piece not activating slider


My Trouble

I have customized this pure css slider, and also attempting to utilize it in Angular

Right Here’s just how I at first produced the vibrant slider support factors for moving

<< a course=" slide __ prev" [attr.href]=" initially? '#slides __' + (proper?. data.length): '#slides __' + (( i +1) - 1)" title=" Following"><> 

The over produces an HTML resembling this

<< a _ ngcontent-fmy-c57="" title=" Following" course=" slide __ following" href=" #slides __ 2"><> 

The issue with the above is, although it works with the / link, attempting to utilize the slider on any type of various other courses falls short, i.e website.com/other/

This falls short due to the fact that rather than the constructed link to indicate the existing web page’s piece, it mosts likely to the homepage i.e / #slides __ 2 which therefore refills the web page.

What I have actually attempted

I attempted making use of Angular’s link piece strategy. Therefore I constructed a link such as this dynamically. Other than although the link and also piece all look right, the slider does not obtain caused to relocate left or right

<< a course=" slide __ prev" [routerLink]="'.'" [fragment]=" initially? 'slides __' + (proper?. data.length): 'slides __' + (( i +1) - 1)" title=" Following"><> 

Inquiry

I’m not recognizing why the piece made with [fragment] does not cause in any way. Any type of understandings will certainly be valued

RELATED ARTICLES

Most Popular

Recent Comments