Routing

Primero crear nuevos componentes que vamos a enlazar desde una navbar.

Según vas creando los nuevos componentes con "ng g c loquesea" se tiene que ir registrando en src\app\app.module.ts. El Visual Studio Code lo hace automáticamente, si no lo hiciera pues hay q meterlos manualmente en: @NgModule({
declarations: [

Creamos una variable constante para guardar ahí todas nuestras rutas por ejemplo la llamamos appRoutes:
const appRoutes:Routes=[
{path:'', component:HomeComponentComponent},
{path:'proyectos', component:ProyectosComponentComponent},
{path:'quienes',component:QuienesComponentComponent},
{path:'contacto', component:ContactoComponentComponent}
];
En imports añadir:
RouterModule.forRoot(appRoutes)

---

Para enlazar a cada uno de ellos desde los href hay que poner en el app.component.html:
<router-outlet></router-outlet>
Y luego ya:
<a href="/proyectos" ...
Para hacer un Routing programado en el ts:
constructor(private router:Router
...
backToHome() {
this.router.navigate(["loquesea"]);
}

Para llamarlo desde el HTML:
(click)="backToHome();"

Para llamarlo desde cualquier función del ts:
this.backToHome();