DocuSeal 角构件

页:1 | 实例 | \\ Demo App

此套件提供了嵌入 DocuSeal 地图 进入角软件。 在您的应用程序中直接签名文档并创建文档表格 .

嵌入式签名表单

嵌入式构建器

安装

npm install @docuseal/angular

文档

详细文件请点击 这里。 。 。 .

使用量

签名窗体

复制公共 DocuSel 格式 URL https://docuseal.com (中文(简体) ) 并使用在 src 组件道具 :

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

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [DocusealFormComponent],
  template: `
    <div class="app">
      <docuseal-form
        src="https://docuseal.com/d/LEVGR9rhZYf86M"
        email="[email protected]">
      </docuseal-form>
    </div>
  `
})
export class AppComponent {}

窗体构建器

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { DocusealBuilderComponent } from '@docuseal/angular';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [DocusealBuilderComponent],
  template: `
    <div class="app">
      <ng-container *ngIf="token">
        <docuseal-builder [token]="token"></docuseal-builder>
      </ng-container>
    </div>
  `
})
export class AppComponent implements OnInit {
  token: string = ''

  constructor(private http: HttpClient) {}

  ngOnInit() {
    this.http.post('/api/docuseal/builder_token', {}).subscribe((data: any) => {
      this.token = data.token;
    });
  }
}

许可证

麻省理工学院