2017-06-14 73 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是正確的網址 –