Pular para o conteúdo principal

Questão de Programação — Frameworks em Programação — FCC 2025

ProgramaçãoFrameworks em Programação
Código
fc074732
Banca
FCC
Órgão
TRT - 15ª Região (SP)
Ano
2025
Nível
Superior
Cargo
Analista Judiciário - Área Apoio Especializado - Especialidade Tecnologia da Informação
Uma equipe de desenvolvimento que já utiliza Angular deseja incorporar componentes pré-definidos de interface seguindo as diretrizes do Material Design. Para isso, eles precisam importar e utilizar os módulos específicos do Angular Material em seu app.module.ts. Para adicionar um botão de texto retangular sem elevação e cantos arredondados que siga o padrão Material Design, são utilizados do Angular Material, o atributo
  1. Amat-button é o módulo MatButtonModule, importado de @angular/material/button.
  2. Bmat-icon-button é o módulo ButtonModule, importado de @angular/mat/button.
  3. Cmaterial-flat-button é o módulo MaterialButtonModule, importado de @angular/module/button.
  4. Dmat-default-button é o módulo DefaultButtonMaterial, importado de @angular/default/button.
  5. Ematerial-text-button é o módulo ButtonMaterialModule, importado de @angular/modules/button.
Revelar gabarito e comentário

GabaritoA — mat-button é o módulo MatButtonModule, importado de @angular/material/button.

Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.

Angular Material: botão de texto retangular

Gabarito: letra A. Para criar um botão de texto retangular sem elevação e com cantos arredondados seguindo o Material Design, o Angular Material oferece o seletor mat-button, cujo módulo é MatButtonModule, importado de @angular/material/button. As demais alternativas apresentam combinações incorretas de seletor, nome do módulo ou caminho de importação.

Alternativa A — ✅ Correta ⟵ GABARITO

O seletor mat-button corresponde exatamente ao botão de texto (flat button) sem elevação e com cantos arredondados. O módulo que deve ser importado no app.module.ts é MatButtonModule de @angular/material/button. Essa é a maneira oficial de usar o componente no Angular Material.

Alternativa B — ❌ Incorreta

mat-icon-button é um seletor para botões de ícone, não para o botão de texto retangular descrito. O módulo não se chama ButtonModule, e o caminho @angular/mat/button está incorreto (o correto é @angular/material/button).

Alternativa C — ❌ Incorreta

O seletor material-flat-button não existe; o Angular Material usa o prefixo mat-, não material-. O módulo MaterialButtonModule e o caminho @angular/module/button são fictícios.

Alternativa D — ❌ Incorreta

mat-default-button não é um seletor válido. O módulo DefaultButtonMaterial e o caminho @angular/default/button também não existem.

Alternativa E — ❌ Incorreta

material-text-button não é um seletor válido; o módulo ButtonMaterialModule e o caminho @angular/modules/button são incorretos.

PEGA ESSA DICA!

No Angular Material, todos os seletores de botão começam com mat- e os módulos seguem o padrão XxxModule importados de @angular/material/xxx. Decore os principais: mat-button (texto/flat), mat-raised-button (elevado), mat-flat-button (plano), mat-stroked-button (contornado).

Gabarito: letra A.

Link permanente: /questoes/fc074732