[Solved] Given this routes array:const routes = [ { path: '', component: HomeComponent }, { path: 'about', component: AboutComponent } ];What component will display when the URL path is '/about'? | Angular

Angular - Routing

Given this routes array:

const routes = [
  { path: '', component: HomeComponent },
  { path: 'about', component: AboutComponent }
];

What component will display when the URL path is '/about'?

AHomeComponent

BNo component, error occurs

CAboutComponent

DBoth HomeComponent and AboutComponent

Step-by-Step Solution

Solution:

Step 1: Match URL path to route
The URL '/about' matches the route with path: 'about'.
Step 2: Identify associated component
The route with path: 'about' uses AboutComponent.
Final Answer:
AboutComponent -> Option C
Quick Check:
URL '/about' shows AboutComponent [OK]

Quick Trick: URL path matches route path to load component [OK]

Common Mistakes:

MISTAKES

Master "Routing" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Given this routes array: