任意のページのみで要素を表示

今回はhttps://****/hogeというページにのみ

hogeです

という文言を表示したいという想定で実装していきたいと思います。

// Routerをインポート
  import {Router} from "@angular/router";
// isShowをbooleanで定義
  isShow: boolean = false;

  constructor(
    // Routerをrouterとして定義
    private router: Router,
  ) {
    this.router.events.subscribe((event: Event) => {
      // ローカルパスが/hogeだった場合
      if (location.pathname.split('/')[1] === ‘hoge') {
        // hogeの場合isShowはtrue
        this.isShow = true;
      }
    }
  }

// /hogeの場合isShow
<div *If="isShow">hogeです</div>

ブログの投稿ログ

# hogeです

hogeです