Questão de Tecnologia da Informação · FCC TRT15 2024 (nº 39)

Angular Material é uma biblioteca de componentes de interface que implementa o Material Design do Google, permitindo criar interfaces modernas e responsivas. Para usar um componente, você importa seu módulo no arquivo app.module.ts e depois utiliza a diretiva HTML correspondente nos seus templates.

• (A) Correta: O atributo mat-button é a diretiva correta para criar um botão de texto padrão, que por natureza do Material Design, é retangular, sem elevação e com cantos arredondados. O módulo MatButtonModule é o módulo específico para botões do Angular Material, e ele é importado do caminho @angular/material/button, conforme a documentação oficial.
• (B) Incorreta: mat-icon-button é para botões que contêm apenas ícones, não texto. O nome do módulo correto é MatButtonModule, não ButtonModule, e o caminho de importação é @angular/material/button, não @angular/mat/button.
• (C) Incorreta: A diretiva para um botão "flat" (sem elevação) é mat-flat-button (que é preenchido) ou mat-button (que é apenas texto), não material-flat-button. O nome do módulo correto é MatButtonModule, não MaterialButtonModule, e o caminho de importação é @angular/material/button, não @angular/module/button. Armadilha da banca: Esta alternativa é tentadora porque mat-flat-button realmente existe e se refere a um botão sem elevação, mas a diretiva, o nome do módulo e o caminho de importação estão incorretos, misturando termos válidos com nomes inventados.
• (D) Incorreta: mat-default-button, DefaultButtonMaterial e @angular/default/button não são nomes de diretivas, módulos ou caminhos de importação válidos no Angular Material.
• (E) Incorreta: material-text-button, ButtonMaterialModule e @angular/modules/button não são nomes de diretivas, módulos ou caminhos de importação válidos no Angular Material.