2017-06-14 66 views
0

我怎样才能得到链接的角度值4的值,我已经* ngIf,我希望它基于链路如何从链接获得角

<div *ngIf="get the value from the current href"> 
+0

通过链接你的意思是窗户URL该方法返回true的方法? –

+0

是的,当前的URL –

+0

你必须添加 从'@ angular/router'导入{Router,ActivatedRoute}; –

回答

2
<div *ngIf="isHomePage()> 
的值,显示其格

和在TS,在构造和方法

isHomePage(): boolean { 
     return this.router.url == 'yourcheckurl'; 
    } 
+0

有一个错误[ts]属性'路由器'在类型'WorkComponent'上不存在。 –

+0

从'@ angular/router'导入{Router,ActivatedRoute}; – Sajeetharan

+0

和在构造函数(路由器:路由器) – Sajeetharan

1
import { Router } from '@angular/router'; 

附加路由器类

constructor(router: Router) { 

} 

getUrl() { 
    return this.router.url; 
} 

没有变化的HTML代码

<div *ngIf="getUrl()"> 
+0

如果我想检查路由器url我会怎样例如:return this.router.url =='home/1'或'http:// localhost:4200/home/1' –

+0

这是基于您的要求 –

1

你必须输入路由器的组件

import { Router, ActivatedRoute } from '@angular/router'; 

,如果你没有@angular/router你必须运行"npm install @angular/router" 现在在你的组件就像注入路由器

constructor(private route: ActivatedRoute, private router: Router) { } 

现在你可以写一个为你的URL

return this.router.url === 'your URL' 

,那么你可以调用内部*ngIf="isYourPage()"

+0

什么是url的样子;像这样的“home \ 1”或http:// localhost:4200/home –

+1

的最后一页取决于实现,如果你定义了像这样的路由,它应该是“home \ 1”https://angular.io/guide/router#重定向路线 –

+0

谢谢\ home \ 1是正确的网址 –