Angular 如何使ionic v4 alertbox消息路由到其他页面
我有一个离子警报组件,带有“对我自己”和“对某人”的信息。这两个按钮的作用应该类似于按钮,并路由到应用程序中的不同页面。但是(单击)和[routerLink]或在message属性上调用route.navigate不起作用。有什么建议吗 它基本上把它当作一个字符串,不响应(单击)事件。我试过给出路线。同样,没有运气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({
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属性中,但我认为您可能会有一些奇怪的行为。我仍然建议您为类似的内容创建一个自定义模式。使用模式也可以让您在初始视图中来回传递数据。祝您好运,朋友!