Как изменить оповещение на модальное с помощью SweetAlert2 - PullRequest
Новая
       14

Как изменить оповещение на модальное с помощью SweetAlert2

1 голос
/ 08 мая 2019

Я пытаюсь изменить оповещение на модальное, у меня есть функция в Typescript, чтобы подписать пользователя, например, когда подписчик в порядке, я могу вызвать модал успеха, но у меня есть другое предупреждение в этой функции, еслиподписка не работает, мой вопрос, как я могу изменить второе предупреждение (которое не работает подписка) с моей функции на модальный ошибки?Я хочу поставить два разных модала для одной и той же функции.

Я пытался создать функцию в JavaScript, используя Sweetalert2 и Angular, но оба они не работали, тоже что-то вродеэто: 

<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>
...