Bom dia,
ao tentar replicar a ação do routerlink no botão do listar-pensamento, o mesmo não tem nenhuma ação.
<section class="container">
<header class="header d-flex">
<h2 class="ff-inter">Meu Mural</h2>
<button **routerLink="localhost:4200/criaPensamento"** class="botao">Adicionar pensamento</button>
</header>
</section>
Olá, estudante, como vai?
Pelo código enviado, percebi que há um detalhe no atributo routerLink que pode estar causando o comportamento inesperado. Em Angular, o routerLink é utilizado para definir rotas relativas ou absolutas dentro da aplicação. No entanto, no seu exemplo, você colocou o valor como uma URL completa (localhost:4200/criaPensamento), o que não é o uso correto do routerLink.
Para resolver, você deve garantir que a rota correspondente esteja criada no arquivo de rotas. Por exemplo, no app-routing.module.ts, adicione algo assim:
const routes: Routes = [
{ path: 'criarpensamento', component: CriarPensamentoComponent },
];
Depois disso, ajuste o botão para usar o caminho da rota configurada:
<button routerLink="/criarpensamento" class="botao">Adicionar pensamento</button>
Assim, ao clicar no botão, o Angular navegará para a rota correta e exibirá o componente associado.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)