Questão de Programação — Conceitos básicos de programação — FCC 2025

Angular – Importação de módulo do Angular Material

Gabarito: letra D. A sintaxe correta para importar o módulo MatCardModule do pacote @angular/material/card em um arquivo app.module.ts é import { MatCardModule } from '@angular/material/card';, utilizando o sistema de módulos ES6 (TypeScript) adotado pelo Angular.

A questão testa o conhecimento da sintaxe de importação de módulos no Angular, que segue o padrão ES6/TypeScript: import { ... } from 'caminho/do/modulo';. O Angular Material organiza seus componentes em módulos específicos, e para usar o MatCardModule é necessário importá-lo do caminho correto.

Alternativa A — ❌ Incorreta

A sintaxe from angular.material.card import MatCardModule; é própria da linguagem Python (e não do TypeScript/JavaScript). No Angular, a palavra-chave import vem antes do que se importa, e o caminho é uma string entre aspas.

Alternativa B — ❌ Incorreta

A sintaxe import angular.material.card.MatCardModule; não é válida no TypeScript. Faltam as chaves { } para especificar o que está sendo importado daquele módulo, e o caminho deve ser uma string.

Alternativa C — ❌ Incorreta

using Angular.Material.Card.MatCardModule; remete à diretiva using do C# ou Java, não é utilizada no Angular/TypeScript. A importação de módulos no Angular usa import com a sintaxe ES6.

Alternativa D — ✅ Correta ⟵ GABARITO

A sintaxe import { MatCardModule } from '@angular/material/card'; segue exatamente o padrão ES6/TypeScript: import { NomeExportado } from 'caminho/do/modulo';. O módulo MatCardModule é exportado pelo pacote @angular/material/card.

Alternativa E — ❌ Incorreta

require 'angular/material/card/MatCardModule'; é a sintaxe do CommonJS (Node.js), não do Angular. O Angular moderno (v2+) utiliza import do ES6, não require. Além disso, o caminho está sem o prefixo @ e a barra invertida.

Gabarito: letra D.