Получить слизняк динамического пути в angular 2+

Question

Как я могу получить slug пути маршрутизатора в angular 2 +

Например: Поэтому, когда я вхожу в этот маршрут: mysite.com/posts/post/15 я хочу видеть в console.log / posts / post /: id

Answer 1

Я нашел это решение. Я разделил маршрут и проверил эти разделенные элементы по номерам, а затем заменил их на ': id'. Я использовал эту функцию для проверки номеров:

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

Answer 2

Для этого вы можете использовать обычный javascript (проверьте атрибуты объекта window.location):

// 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));

Более подробную информацию о window.location объекте можно получить здесь .