How can I handle 404 errors in Angular?

How can I handle 404 errors in Angular?

You can handle 404 errors in Angular by using the Router module to define a wildcard route that redirects to a 404 component.

Can you show me an example of a 404 component?

Sure! Here's a simple example of a 404 component:

import { Component } from '@angular/core';

@Component({
  selector: 'app-not-found',
  template: `<h1>404 - Page Not Found</h1>`
})
export class NotFoundComponent {}

How do I set up the wildcard route in my routing module?

In your routing module, you can add the wildcard route like this:

const routes: Routes = [
  // other routes
  { path: '**', component: NotFoundComponent }
];

What if I want to log the 404 errors?

You can implement a service to log errors and call it in your NotFoundComponent to log the 404 error details.