[Solved] Which of the following is the correct syntax to define an Angular root module named AppModule? — Ans: @NgModule({ declarations: [], imports: [], bootstrap: [] }) export class... | Angular

Angular - Modules

Which of the following is the correct syntax to define an Angular root module named AppModule?

Aexport class AppModule { } @NgModule({ declarations: [], imports: [], bootstrap: [] })

Bexport @NgModule class AppModule { declarations: [], imports: [], bootstrap: [] }

C@NgModule({ declarations: [], imports: [], bootstrap: [] }) export class AppModule { }

Dclass AppModule { } @NgModule({ declarations: [], imports: [], bootstrap: [] })

Step-by-Step Solution

Solution:

Step 1: Recall Angular module syntax
The @NgModule decorator must be placed immediately before the class definition it decorates.
Step 2: Check each option for correct order and syntax
@NgModule({ declarations: [], imports: [], bootstrap: [] }) export class AppModule { } correctly places @NgModule before export class AppModule. Other options have incorrect order or syntax.
Final Answer:
@NgModule({ declarations: [], imports: [], bootstrap: [] }) export class AppModule { } -> Option C
Quick Check:
Decorator before class = correct syntax [OK]

Quick Trick: Decorator must be right before the class [OK]

Common Mistakes:

Master "Modules" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which of the following is the correct syntax to define an Angular root module named AppModule?