获取 angular 中的动态路径 slug 2+

Question

How do I Get router path slug in angular 2+

For example: So when I enter to this route: mysite.com/posts/post/15 I want to see in console.log /posts/post/:id

Answer 1

You can use regular javascript for that (inspect the window.location object attributes):

// e.g. url => https://www.w3schools.com/js/tryit.asp?filename=tryjs_loc_href

// href is the complete url
const url = window.location.href

// hostname is www.w3schools.com
const hostName = window.location.hostname;

// protocol is https
const protocol = window.location.protocol;

// the "+ 3" at the end is to compensate for "://"
const startIndex = hostname.length + protocol.length + 3;

// prints js/tryit.asp?filename=tryjs_loc_href to console
console.log(href.substring(startIndex));

You can get more info about window.location object here .

Answer 2

I found this solution. I splitted route and check these splitted items on numbers, then replace them with ':id'. I used this function for checking numbers:

hasNumber(myString) {
 return /\d/.test(myString);
}