特定のページがヒットしたときにヘッダーのアンカー要素を非表示にしたいので、そのページがヒットしたときに* ngIfでURLをどのようにキャッチできますか?.
すべてのページで同じままになるヘッダーがあります。/homeにルーティングされたときにアンカー要素を非表示にする必要があるだけです。 * ngIfでこの "/ home"をキャッチする方法は?
* ngIf = "href = '/ home'"が機能していません。代替案はありますか?
//mycomponent.component.ts
class MyComponent {
constructor(private router: Router){
}
}
//mycomponent.component.html
<div *ngIf="router.url === '/some/route'">
</div>
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;
}