ACTIVITY 7: Angular Basic Routing

Documenting Angular routing

For first step I created a folder and install a components for angular.

In the navigate.html where I put a router Link for their specific page.

In app module associated with a specific path and component, such as Homepage components for the default path (‘ ' ), Landing page components for default path, Login and signup component for the default path and services components for the services path.

Two Angular bootstrapping techniques are shown in the main.ts file. Initially, the app is initialized using the AppComponent and routing is set up using provideRouter([]) via bootstrapApplication(). Second, the entire AppModule is bootstrapped using the standard platformBrowserDynamic().bootstrapModule() function, along with other performance options like ngZoneEventCoalescing. Error handling using.catch(err => console.error(err)) is a feature of both techniques.

Output:

GitHub Repository: