web-dev-qa-db-ja.com

* ngIfでルートをキャッチする方法

特定のページがヒットしたときにヘッダーのアンカー要素を非表示にしたいので、そのページがヒットしたときに* ngIfでURLをどのようにキャッチできますか?.

すべてのページで同じままになるヘッダーがあります。/homeにルーティングされたときにアンカー要素を非表示にする必要があるだけです。 * ngIfでこの "/ home"をキャッチする方法は?

* ngIf = "href = '/ home'"が機能していません。代替案はありますか?

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

    }
}

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

    </div>
10

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;
}
0
Pankaj Parkar