Home / Questions / 226501
Accepted
Ramón Devesa
Asked: 2021-01-01 08:25:19 +0800 CST 2021-01-01 08:25:19 +0800 CST

A template for each component in Angular

  • 772

I am building a web application and I have the following structure. I have an index.html file with the following code:

...
<body>
    <app-root></app-root>
</body>
...

In the app.component.html file I have html code where I have a structure that is repeated, that is, menus, footer... and in that same document I have the label where the components are loaded.

My problem now is that I have a Login component where I don't want the rest of the HTML code to inherit, but I want it to be a page without inheriting anything at all, since it is the login and I don't want it to load the menus of the rest of the component that make up the application.

any solution?

angular

1 Answers

  1. Best Answer

    Use the *ngIf

    class MyComponent {
     constructor(public router: Router) {

     }
 }


 // micomponente.component.html

 <div *ngIf="router.url !== '/route'">
     // menús
 </div>
 <div *ngIf="router.url === '/route'">
     // login
 </div>
    • 0