Describe setting base href dynamically during bootstrap or build.
01
01
Understand the problem
buildcli
02
02
Attempt it yourself
Sketch your approach before reading the solution — that's what interviews test.
Stuck? AI Nudge Available
Get a conceptual hint to guide your logic without spoiling the final implementation.
03
03
Study the solution
The solution is waiting
Give it an honest attempt first — then compare your thinking with the full walkthrough.
04
04
Read the code
Resolving base href dynamically from URL parameters
import { bootstrapApplication } from '@angular/platform-browser';
import { APP_BASE_HREF } from '@angular/common';
import { Component } from '@angular/core';
@Component({ selector: 'app-root', template: '<h1>Base href Demo</h1>' })
export class AppComponent {}
bootstrapApplication(AppComponent, {
providers: [
{
provide: APP_BASE_HREF,
useFactory: () => {
const path = window.location.pathname.split('/')[1];
return path ? '/' + path + '/' : '/';
}
}
]
});05
05
Join the discussion
Discussion (0)
Sign in to join the discussion.
No responses yet. Be the first to share what you think.