如果路由等于某个值Angular 5，则更改属性

Question

如果url与verticalNavType完全相等，我需要更改'/admin'属性的值。

我尝试这样的事情

constructor(
private router: Router
) {
if (this.router.url === '/admin') {
    this.verticalNavType = 'offcanvas';
}   
}

但它改变了值甚至路由器等于例如'/admin/company_profile'。 如何仅为'/admin'更改值？

Answer 1

尝试使用javascript substring method

if (this.router.url.substring(this.router.url.length - 6, this.router.url.length) === '/admin') {
    this.verticalNavType = 'offcanvas';
}

这将匹配您的网址字符串的最后6个字符。

Answer 2

也许试试这个正则表达式：

if(/^\/admin$/.test(this.router.url)) {
    this.verticalNavType = 'offcanvas';
}

^和$表示＆＃34; strict＆＃34;字符串的开头和结尾。