Passer au contenu

@formerie/angular

Formerie pour Angular

Envoyez les soumissions de Angular à Formerie, sans garder de destinataires, de gabarits ni de clés de fournisseur dans votre code.

Compatible avec

Installer

Ces paquets sont en version alpha : leurs API peuvent changer.

pnpm

pnpm add @formerie/angular

npm

npm install @formerie/angular

Yarn

yarn add @formerie/angular

Bun

bun add @formerie/angular

Utiliser

FormerieService est un service injectable qui gère les requêtes et les réponses par @formerie/client.

Il vous faut un formulaire publié. Remplacez example.com et contact par les identifiants de votre espace de travail et de votre formulaire, dans l’application.

import { Component, inject } from "@angular/core";
import { FormerieService } from "@formerie/angular";

@Component({
  selector: "app-contact",
  template: "<button (click)=\"submit()\">Send</button>",
})
export class ContactComponent {
  private readonly formerie = inject(FormerieService);

  submit() {
    return this.formerie.submit(
      {
        workspace: "example.com",
        form: "contact",
      },
      {
        fields: {
          email: "jane@example.com",
        },
      },
    );
  }
}

Ce qui se passe ensuite

Créez un espace de travail et publiez votre premier formulaire.

En accès anticipé. Les nouveaux espaces de travail commencent avec le forfait Free.