> ## Documentation Index
> Fetch the complete documentation index at: https://docs.appsignal.com/llms.txt
> Use this file to discover all available pages before exploring further.

# @appsignal/angular

## Installatie

### Met npm of yarn

Voeg de pakketten `@appsignal/angular` en `@appsignal/javascript` toe aan uw `package.json`. Voer vervolgens `yarn install`/`npm install` uit.

U kunt deze pakketten ook via de command line aan uw `package.json` toevoegen:

<CodeGroup>
  ```bash Bash theme={null}
  yarn add @appsignal/javascript @appsignal/angular
  npm install @appsignal/javascript @appsignal/angular
  ```
</CodeGroup>

### Met JSPM.io import maps

Met de [JSPM.io import map generator](https://generator.jspm.io/) kunt u een import map genereren voor de afhankelijkheden van uw applicatie.

Voeg `@appsignal/javascript` en `@appsignal/angular` toe aan de lijst met dependencies, voeg vervolgens de gegenereerde import map en ES module shims toe aan de code van uw applicatie.

### Met `rails-importmap`

Gebruik het volgende commando om deze pakketten toe te voegen aan de import maps van uw Rails-applicatie:

<CodeGroup>
  ```sh Shell theme={null}
  ./bin/importmap pin @appsignal/javascript @appsignal/angular
  ```
</CodeGroup>

## Gebruik

### `AppsignalErrorHandler`

De standaard Angular-integratie is een klasse die de door `@angular/core` geleverde `ErrorHandler`-klasse uitbreidt. In een nieuwe app die met `@angular/cli` is gemaakt, ziet uw `app.module.ts`-bestand er mogelijk zo uit:

<CodeGroup>
  ```js JavaScript theme={null}
  import { ErrorHandler, NgModule } from "@angular/core";
  import { appsignal } from "./appsignal";
  import { createErrorHandlerFactory } from "@appsignal/angular";

  @NgModule({
    // other properties
    providers: [
      {
        provide: ErrorHandler,
        useFactory: createErrorHandlerFactory(appsignal),
      },
    ],
    // other properties
  })
  export class AppModule {}
  ```
</CodeGroup>