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

Angular - Routing

Given this route configuration:

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

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

AAboutComponent

BHomeComponent

CNo component, shows error

DBoth HomeComponent and AboutComponent

Step-by-Step Solution

Solution:

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

Quick Trick: Match URL path exactly to route path to find component [OK]

Common Mistakes:

MISTAKES

Master "Routing" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Given this route configuration: