Как сделать, чтобы ionic v4 alertbox отправлял сообщения на другие страницы - PullRequest
Новая
       48

Как сделать, чтобы ionic v4 alertbox отправлял сообщения на другие страницы

0 голосов
/ 17 июня 2019

У меня есть компонент ионного оповещения с сообщениями «Для себя» и «Для кого-то». Эти два должны действовать как кнопки и направлять на другую страницу в приложении. Но (щелкните) и [routerLink] или вызовите route.navigate для атрибута сообщения не работает. Есть предложения?

Он в основном принимает его как строку и не реагирует на (щелчок) события. Я попытался дать маршрут. Навигация также, не повезло. 

async transferMoneyTo() {
        const alert = await this.alertController.create({
            header: "Send Money",

            message: `<p (click)="console.log("Clicked") class="dib" style="text-decoration:none;color:#333333; margin:1em;font-size: 1.1em;">To Myself</p>               
                  <p (click)="console.log("test"); toSomeone()" style="text-decoration:none;color:#333333;font-size: 1.1em;">To Someone</p>`,

            buttons: [
                {
                        text: "Cancel",
                    role: "cancel",

                },
                {
                    text: "OK",
                },
            ],

            cssClass: "alertbox-custom",
        });

        await alert.present();
    }

Как только я нажму на текст "Кому-то", он должен выполнить действие.

1 Ответ

1 голос
/ 17 июня 2019

Рекомендуется использовать обработчики во встроенном свойстве кнопки ion-alert.Это должно выглядеть примерно так: 

async presentAlertConfirm() {
    const alert = await this.alertController.create({
      header: 'Send Money',
      message: 'Where would you like to send your money?',
      buttons: [
        {
          text: 'Cancel',
          role: 'cancel',
          cssClass: 'secondary',
          handler: () => {
            console.log('User cancelled');
          }
        }, {
          text: 'To Myself',
          handler: () => {
            toMyself();
          }
        },
        {
          text: 'To Someone',
          handler: () => {
            toSomeone();
          }
        }
      ]
    });

    await alert.present();
  }

Если это не соответствует вашим потребностям, вы должны создать свой собственный модал, чтобы справиться с этим - согласно документам:

Если вытребуется сложный пользовательский интерфейс формы, который не укладывается в правила оповещения, тогда мы рекомендуем вместо этого создавать форму в модальном режиме.

Просмотреть документацию здесь

...