Un template para cada componente en Angular

estoy montando una aplicación web y tengo la siguiente estructura. Tengo un fichero index.html con el siguiente código:

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

en el fichero app.component.html tengo código html donde tengo una extructura que se repite, es decir, menus, footer… y en ese mismo documento tengo la etiquete donde me cargan los componentes.

Mi problema ahora es que tengo un componente Login donde no quiero que me herede el resto del código HTML, sino quiero que sea una página sin heredar absolamente nada, ya que es el lógin y no quiero que me carge los menús del resto de componente que forman la aplicación.

¿alguna solución?