Bird
0
0

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:
  1. Step 1: Understand Angular Material import structure

    Each Material module is imported from its specific sub-package, e.g., '@angular/material/button'.
  2. Step 2: Use correct named import syntax for each module

    Import each module separately with curly braces from its path.
  3. Final Answer:

    import { MatButtonModule } from '@angular/material/button'; import { MatIconModule } from '@angular/material/icon'; -> Option D
  4. Quick Check:

    Import Material modules from their specific paths [OK]
Quick Trick: Import Angular Material modules from their exact sub-packages [OK]
Common Mistakes:
  • Importing multiple modules from '@angular/material' root
  • Using default import syntax for named exports

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions
More Angular Quizzes