Почему Alertify JS подтверждает, что не работает с Angular 8 - PullRequest
0 голосов
/ 21 февраля 2020

Я правильно настроил оповещение JS с моим приложением Angular, и оно хорошо работает для моего успеха, ошибки и оповещения. Однако способ установки метода подтверждения не работает должным образом.

Вот реализация моего оповещения JS Служба

confirm(title: string, message: string, okCallback: () => any, cancelCallback: () => any) {
    alertify.confirm(title, message, (e: any) => {
      if (e.button.text === 'OK') {
        okCallback();
      } else {
        cancelCallback();
      }
    });
  }

  success(message: string) {
    alertify.success(message);
  }

  error(message: string) {
    alertify.error(message);
  }

  warning(message: string) {
    alertify.warning(message);
  }

  message(message: string) {
    alertify.message(message);
  }

  alert(title: string, message: string, movable: boolean) {
    alertify.alert(title, message).set('movable', movable);
  }

в моем компоненте, я вызываю метод подтверждения для Alertify JS следующим образом:

this.alertify.confirm('Success!',
                      'Secret questions/answers have been saved!, would you like to setup a new password?',
                      () => {
                              this.isActive = false;
                              this.isCreateNewPassword = true;
                            },
                      () => {
                              this.router.navigate(['/registrations']);
                            });

Неправильное заполнение заголовка. Вместо этого он сохраняет его по умолчанию и помещает слово «Success» в качестве моего сообщения.

Когда я удаляю заголовок в качестве параметра как из реализации, так и из вызова, тогда подтверждение работает, как и ожидалось!

Есть идеи, как это исправить?

1 Ответ

1 голос
/ 25 февраля 2020

Реализация метода подтверждения должна быть такой:

confirm(title: string, message: string, okCallback: () => any, cancelCallback: () => any) {
    alertify.confirm(title, message, () => { okCallback(); }
                , () => { cancelCallback(); });
  }
...