Currently immersed in developing a web application with Jhipster and Angular. I've managed to set up a side navbar along with a top navbar on every page. However, I'm struggling to hide the side navbar on specific pages and could use some guidance.
The environment involves the latest versions of JHipster and Angular 4.
<nav>
<div id="container">
<div class="sidebar">
<ul id="side_nav">
<li class="test"><a href="#"><img src="../../../content/images/icons8-home-50.png"></a></li>
<li><a routerLink="project" routerLinkActive="active">Project Details</a></li>
<li><a routerLink="asset" routerLinkActive="active">Asset</a></li>
<li><a routerLink="threat" routerLinkActive="active">Threats</a></li>
<li><a routerLink="attack-tree-node" routerLinkActive="active">Attack-Tree</a></li>
<li><a href="#">Review</a></li>
<li><a href="#">Statistics</a></li>
</ul>
</div>
</div>
</nav>import { Component, OnInit } from '@angular/core';
@Component({
selector: 'jhi-sidenav',
templateUrl: './sidenav.component.html',
styleUrls: [
'sidenav.scss'
]
})
export class SidenavComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}