Angular 如何使ionic v4 alertbox消息路由到其他页面

Angular 如何使ionic v4 alertbox消息路由到其他页面,angular,ionic-framework,angular-ui-router,angular-routing,ionic4,Angular,Ionic Framework,Angular Ui Router,Angular Routing,Ionic4,我有一个离子警报组件,带有“对我自己”和“对某人”的信息。这两个按钮的作用应该类似于按钮,并路由到应用程序中的不同页面。但是(单击)和[routerLink]或在message属性上调用route.navigate不起作用。有什么建议吗 它基本上把它当作一个字符串,不响应(单击)事件。我试过给出路线。同样,没有运气 async transferMoneyTo() { const alert = await this.alertController.create({

我有一个离子警报组件,带有“对我自己”和“对某人”的信息。这两个按钮的作用应该类似于按钮,并路由到应用程序中的不同页面。但是(单击)和[routerLink]或在message属性上调用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();
    }

async transferMoneyTo(){
const alert=等待this.alertController.create({
标题:“汇款”,

消息:`建议在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();
  }
如果这不符合您的需要,那么您应该构建自己的自定义模式来处理此问题-根据文档:

如果您需要一个复杂的表单UI,但它不适合 警报准则然后我们建议在 取而代之的是模态


建议在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();
  }
如果这不符合您的需要,那么您应该构建自己的自定义模式来处理此问题-根据文档:

如果您需要一个复杂的表单UI,但它不适合 警报准则然后我们建议在 取而代之的是模态


谢谢您的回复。但我想让“消息”属性可点击。这是可能的吗?例如,我想让“您想把钱寄到哪里?”可点击,以便我可以发送它。您可以尝试使用
onclick=“”
而不是
(单击)=“”
在您的message属性中,但我认为您可能会有一些奇怪的行为。我仍然建议您为类似的内容创建一个自定义模式。使用模式也可以让您从初始视图来回传递数据。祝您好运,朋友!感谢您的回复。但我希望“message”属性可单击。这是一种可能性吗?例如,我希望“您想把钱寄到哪里?”可单击,以便我可以发送它。您可以尝试使用
onclick=“”
而不是
(单击)=”“
在您的message属性中,但我认为您可能会有一些奇怪的行为。我仍然建议您为类似的内容创建一个自定义模式。使用模式也可以让您在初始视图中来回传递数据。祝您好运,朋友!