You want to import both MatButtonModule and MatIconModule from Angular Material in your module. Which is the best way to import them directly?

hard📝 Application Q8 of 15

Angular - Standalone Components

You want to import both MatButtonModule and MatIconModule from Angular Material in your module. Which is the best way to import them directly?

Aimport { MatButtonModule, MatIconModule } from '@angular/material';

Bimport { MatButtonModule, MatIconModule } from '@angular/material/core';

Cimport MatButtonModule from '@angular/material/button'; import MatIconModule from '@angular/material/icon';

Dimport { MatButtonModule } from '@angular/material/button'; import { MatIconModule } from '@angular/material/icon';

Step-by-Step Solution

Solution:

Step 1: Understand Angular Material import structure
Each Material module is imported from its specific sub-package, e.g., '@angular/material/button'.
Step 2: Use correct named import syntax for each module
Import each module separately with curly braces from its path.
Final Answer:
import { MatButtonModule } from '@angular/material/button'; import { MatIconModule } from '@angular/material/icon'; -> Option D
Quick Check:
Import Material modules from their specific paths [OK]

Quick Trick: Import Angular Material modules from their exact sub-packages [OK]

Common Mistakes:

Master "Standalone Components" in Angular

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Angular Quizzes