2017-06-08 7 views
1

だから、特定のページにヒットしたときに、ヘッダーのアンカー要素を消したいと思っています。そのページがヒットしたときに、どのようにして* ngIfのURLを捕まえることができますか?* ngIfでルートをキャッチする方法

私はすべてのページで同じになるヘッダーを持っています。/homeでルーティングされたときにアンカー要素を非表示にするだけです。 * ngIfでこの "/ home"を捕まえるには?

* ngIf = "href = '/ home'"は機能していません。他の選択肢はありますか?

+0

"* ngIf = "[routerLinkActive] ==" '/ホーム' を試してみてください。テストされていません –

答えて

1

//mycomponent.component.ts 
 
class MyComponent { 
 
    constructor(private router: Router){ 
 

 
    } 
 
} 
 

 
//mycomponent.component.html 
 
    <div *ngIf="router.url === '/some/route'"> 
 

 
    </div>

0

location.path()メソッドを使用して現在のルートパスを確認し、/homeルートがアクティブになっているかどうかを判断できます。

*ngIf="isHomeRouteActivated()" 

コード

//Inject `Location` dependency before using it 
isHomeRouteActivated(): boolean{ 
    //Find more better way to do it. 
    return this.location.path().indexOf('/home') > -1; 
} 
関連する問題