DEV Community

Faisal Ahmed
Faisal Ahmed

Posted on

Specific Route/Path, do something

main route: http://localhost:4200/pricing

problem statement: if you go to pricing url, then set a value true in isShow variable.
Based on this isShow variable, you can hide/unhide the div or others things.

import { Router } from '@angular/router';
Enter fullscreen mode Exit fullscreen mode
isShow = false;

constructor(private router: Router) {}

ngOnInit(): void {
    if (this.router.url.includes('/pricing')) {
      this.isShow = true;
    } else {
      this.isShow = false;
    }
  }
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay