Good afternoon. I have an application in Angular 4, which performs a login by searching the parameters of a form in an API through an http request. The initial screen, where the login form appears, has a navbar and a footer, and in the navbar there is a button that displays the navigation menu. The problem is that I would like that button was not visible until the login has been successful. I show here the structure of the app.component.ts:
<body>
<header>
<nav>
<menu></menu>
</nav>
</header>
<main>
<router-outlet></router-outlet>
</main>
<footer>
<pie></pie>
</footer>
And here it looks like it shows in the browser:
Thank you very much in advance.