Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Erro ao usar a diretiva [routerLink]

Olá, estou tendo problemas quando tento adicionar a diretiva RouterLink. Sempre que adiciono ela estou recebendo o erro abaixo:

"Unhandled Promise rejection: Template parse errors:
Can't bind to 'routerLink' since it isn't a known property of 'a'.

Estou usando a diretiva desta forma:

<!-- app/home/home.component.html -->

<a [routerLink]="['/contato']"></a>
...
<!-- app/app.routes.ts -->

import { RouterModule, Routes } from "@angular/router";
import { HomeComponent } from "./home/home.component";
import { ContatoComponent } from "./contato/contato.component";

const appRoutes: Routes  = [
  { path: '', component: HomeComponent },
  { path: 'contato', component: ContatoComponent },
  { path: '**', component: HomeComponent }
];

export const routing = RouterModule.forRoot(appRoutes);
2 respostas
solução!

Você importou o módulo de rotas do Angular em sua App? Se não importar router-link não estará disponível.

Olá Flavio, de fato eu havia esquecido de importar o RouterModule. Muito obrigado.