如何在firebase连接中添加Sweet Alert？

Question

我想在联系表单成功时添加一个SweetAlert，但不知道如何在firebase的angular连接中添加甜蜜提示信息。

contact-service.service.ts

import { Injectable } from '@angular/core';
import { AngularFirestore } from "@angular/fire/firestore";
import swal from 'sweetalert';

@Injectable({
  providedIn: 'root'
})
export class ContactServiceService {

  constructor(private firestore: AngularFirestore) { }

  /* Add Document */
  AddDocument(document: Document) {
    return new Promise<any>((resolve, reject) => {
      this.firestore.collection("contact").add(document)
        .then(res => {
          resolve(res);
        }, err => reject(err));
    });
  }
}

contact.component.ts

请给出你的建议。

Answer 1

swal()返回promise，所以你可以将它与firebase的调用进行连锁。

这对你有用吗？

import { Injectable } from '@angular/core';
import { AngularFirestore } from "@angular/fire/firestore";
import swal from 'sweetalert';

@Injectable({
  providedIn: 'root'
})
export class ContactServiceService {

  constructor(private firestore: AngularFirestore) { }

  /* Add Document */
  AddDocument(document: Document) {
    return new Promise<any>((resolve, reject) => {
      this.firestore.collection("contact").add(document)
        .then(res => {

          return swal('success').then(() => {
            resolve(res);
          });

        }, err => reject(err));
    });
  }
}