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

# Instalación

> Instale el contenedor oficial de Angular para Flash PDF en Markdown.

# Instalación

`@markpdf/angular` es un contenedor de alto nivel sobre API Flash PDF para Markdown para aplicaciones Angular: un `MarkpdfService` inyectable basado en `HttpClient`, con soporte de progreso de carga y un `HttpInterceptor` opcional para mapeo de errores.

\##Requisitos

* Angular 16+ (compatible con NgModules clásicos y componentes independientes).
* Una tecla API. Consulte [Autenticación](/docs/public/es/authentication).

<Warning>
  Angular se ejecuta en el navegador. **Nunca** coloque su clave API directamente en el paquete de interfaz; sería visible para cualquiera que inspeccione el tráfico de la red. `@markpdf/angular` está destinado a llamar a **tu propio backend**, que a su vez llama a API con la clave guardada en el servidor. Consulte la [Guía marco](/docs/public/es/sdks/angular/framework-guide) para conocer el patrón recomendado.
</Warning>

## Instalar

<CodeGroup>
  ```bash npm theme={null}
  npm install @markpdf/angular
  ```

  ```bash pnpm theme={null}
  pnpm add @markpdf/angular
  ```

  ```bash yarn theme={null}
  yarn add @markpdf/angular
  ```

  ```bash ng add theme={null}
  ng add @markpdf/angular
  ```
</CodeGroup>

`ng add` registra `provideMarkpdf(...)` en la configuración de su aplicación automáticamente si usa componentes independientes.

## Configurar el servicio

<Tabs>
  <Tab title="Independiente (Angular 16+)">
    ```ts app.config.ts theme={null}
    import { ApplicationConfig } from "@angular/core";
    import { provideHttpClient } from "@angular/common/http";
    import { provideMarkpdf } from "@markpdf/angular";

    export const appConfig: ApplicationConfig = {
      providers: [
        provideHttpClient(),
        provideMarkpdf({ baseUrl: "/api/markpdf" }), // your own backend, not the API directly
      ],
    };
    ```
  </Tab>

  <Tab title="Módulo Ng clásico">
    ```ts app.module.ts theme={null}
    import { NgModule } from "@angular/core";
    import { HttpClientModule } from "@angular/common/http";
    import { MarkpdfModule } from "@markpdf/angular";

    @NgModule({
      imports: [
        HttpClientModule,
        MarkpdfModule.forRoot({ baseUrl: "/api/markpdf" }),
      ],
    })
    export class AppModule {}
    ```
  </Tab>
</Tabs>

## Siguiente paso

* [Inicio rápido](/docs/public/es/sdks/angular/quickstart)
* [Guía de marco: proteja la clave API con su propio backend](/docs/public/es/sdks/angular/framework-guide)