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

[Bug] Bug ao enviar inserir o botão

<mat-toolbar>
  <img src="../../../assets/imagens/logo.png" alt="logo da aplicação Jornada" />
  <span class="example-spacer"></span>
  <button mat-button>Vender milhas</button>
  <button mat-button>Sobre</button>
  <button mat-raised-button color="primary">CADASTRE-SE</button>
</mat-toolbar>

Insira aqui a descrição dessa imagem para ajudar na acessibilidade Como pode ver, o botão não alterou.

Segue código da importação no app.modules.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HeaderComponent } from './shared/header/header.component';
import { FooterComponent } from './shared/footer/footer.component';
import { BannerComponent } from './shared/banner/banner.component';
import { CardComponent } from './shared/card/card.component';
import { MatToolbarModule } from '@angular/material/toolbar';
import { MatButtonModule } from '@angular/material/button';

@NgModule({
  declarations: [
    AppComponent,
    HeaderComponent,
    FooterComponent,
    BannerComponent,
    CardComponent,
  ],
  imports: [BrowserModule, AppRoutingModule, MatToolbarModule, MatButtonModule],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

Alguém sabe dizer o que tem de errado?

2 respostas
solução!

Olá, Helvis!

Tudo bem?

Olhando o seu código parece que as importações no arquivo "app.modules.ts" estão corretas, não encontrei erro.

Verifica se você instalou corretamente o "Angular Material", e se você está utilizando a mesma versão utilizada no curso. A versão do "Angular Material" utilizada no curso é a "16.0.1":

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Verifica no site do Material, se não mudou a forma como passa os atributos para o "button".

Espero ter ajudado e bons estudos!

Olá, fiz a alteração da versão do Angular Material, estava numa versão diferente, agora está funcionando perfeitamente. Obrigado

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software