我正在使用ionic2来实现我的移动应用程序。
我对列表项使用了离子项滑动以允许多种功能。
在我看来,我的每个项目中都有 html 标签,如下所示:
...
<a ion-button href="tel:{{item.Phone}}">Office</a>
<a ion-button [href]="sanitize('sms:' + item.cellPhone)">Mobile</a>
<a ion-button href="tel:{{item.cellPhone}}">Text</a>
为了节省更多空间,我想将我的一些标签移动到ionic2操作表中,如下所示:
<button ion-button color="danger" (click)="presentActionSheet(item.altPhone)">
<ion-icon name="phone-portrait"></ion-icon>
Mobile
</button>
这是我的组件类(ts 文件(中的代码:
presentActionSheet(number) {
let actionSheet = this.actionSheetCtrl.create({
title: 'Do you want to?',
buttons: [
{
text: 'Make phone call',
role: 'destructive',
handler: () => {
this.call(number);
}
},{
text: 'Send message',
handler: () => {
//this.sendSMS(number);
window.open(this.sanitize('sms:'+number), '_blank');
return false;
}
},{
text: 'Cancel',
role: 'cancel',
handler: () => {
console.log('Cancel clicked');
}
}
]
});
actionSheet.present();
}
但是,当我点击发送消息(打开默认短信应用程序(时,我在空白页面上收到"加载错误"。我一直在尝试许多不同的方法将我的 href 标签移动到后端控制器。
有人可以帮忙吗? 谢谢!
经过两天的研究。我找到了答案:
只需更改窗口,打开到:
window.location.href = "sms:" + number;
如果您还想附加短信,请使用:
window.location.href = "sms:" + number + "&body=Hello from George!";
享受!