如何使用SweetAlert2将警报更改为模态

Question

我正在尝试将警报更改为模式，我在Typescript中有一个函数可以订阅用户，例如，在订阅者正常时，我可以调用成功模式，但是如果订阅不起作用，我的问题是，如何将第二个警报（对订阅不起作用）从函数更改为错误模态？我的意思是，我想为同一功能放置两个不同的模态。

我尝试使用Sweetalert2和Angular在JavaScript中创建一个函数，但两者均无效，也是如此：

<swal #ok
type="success"
title="Cadastro realizado comsucesso!"  (confirm)="CadastrarUsuario()">
</swal>

<swal #ok
type="error"
title="Cadastro não realizado!" (confirm)="CadastrarUsuario()">
</swal>

<button type="submit" [swal]="ok" class="btn btn-primary def-button">Cadastrar Usuário</button>

这是我的功能：

cadastro-user.component.ts

CadastrarUsuario() {

if (this.roleVisivel == 1) {

  this.lider.perfil = "LiderTecnico";
  this.funcionarioService.cadastrarFuncionarioPorAdmin(this.lider).subscribe (
    data => {
      // alert("CADASTRADO COM SUCESSO !")
      location.reload();
    },
    error => {
      alert("Algo de errado nao esta certo.")
    }
  );


  } else if (this.roleVisivel == 2) {
    this.user.admin = true;
    this.usuariosService.cadastrarGerente(this.user).subscribe (
      data => {
        // alert("CADASTRADO COM SUCESSO !")
        location.reload();
      },
      error => {
        alert("Algo de errado nao esta certo.")
      }
    );

}

}

cadastro-user.component.html

<swal #ok
type="success"
title="Cadastro realizado comsucesso!"  (confirm)="CadastrarUsuario()">
</swal>

<button type="submit" [swal]="ok" class="btn btn-primary def-button">Cadastrar Usuário</button>