Angular 使用modalController时不显示Ionic本机Toast消息

Angular 使用modalController时不显示Ionic本机Toast消息,angular,typescript,ionic-framework,toast,Angular,Typescript,Ionic Framework,Toast,我正在使用显示消息。当它不在屏幕上祝酒时,它可以正常工作 这可能是因为土司的z指数较低。 我尝试过的事情: 更改离子模式的z指数。(sass如下所示) 使用。(适用于浏览器,但不适用于设备,所以我切换到Toast) z-index的奇怪之处在于,它只适用于具有它的元素。因此,如果在模态上定义z索引,而不是在toast上定义,则不会影响后者 试着在吐司上应用一个高于模态的z-index 此外,请始终记住,任何具有z索引的元素都需要具有位置相对或绝对您知道用于toast的css选择器吗?无法找到它

我正在使用显示消息。当它不在屏幕上祝酒时,它可以正常工作
这可能是因为土司的z指数较低。

我尝试过的事情:
更改离子模式的z指数。(sass如下所示)
使用。(适用于浏览器,但不适用于设备,所以我切换到Toast)


z-index
的奇怪之处在于,它只适用于具有它的元素。因此,如果在模态上定义
z索引,而不是在toast上定义,则不会影响后者

试着在吐司上应用一个高于模态的
z-index


此外,请始终记住,任何具有z索引的元素都需要具有位置
相对
绝对

您知道用于toast的css选择器吗?无法找到它,因为它未显示在浏览器上。这就是为什么我要改变离子模式的z指数。toast不应该已经有了某种z-索引,因为它显示在除模态之外的所有东西之上,也许我错了,我不确定。谢谢你的提示,我会继续查看z-index。事实证明,爱奥尼亚有这些值(至少在他们的文档网站演示上):
。从外观上看,祝酒词应该在模态上,但正如你所说,它不是。Ion-toast听起来像一个ionic
ToastController
元素,它只能在浏览器上正常工作,在android设备上却不能。该文档可能已经过时,因为ion modal在我的浏览器上显示了
z-index=9999
!如果您将其改为低于您的吐司的
z-index
,该怎么办?:)我想这里有点混乱。Toast与ToastController不同。来自cordova插件,来自爱奥尼亚。有了ToastController,我甚至可以在modal上的浏览器上显示toast,但不能在android设备上显示。对于Toast,它无法在浏览器上显示(因此我很难找到元素);但是能够在设备上显示toast,但是不能在modal上显示…(我想在这里重写这个问题…)请为您的modal和家长共享完整的.ts和.html文件。遗憾的是,我没有修复它就修复了这个问题…我决定醒来后再次尝试toast Controller,所以我在一个新项目上重新测试了它,它成功了!所以我从我的项目中删除了所有与Toast相关的代码和css。现在它正在工作!?!!?我不知道是什么阻止了ToastController最初的工作。使用了相同的软件包和相同的版本。感谢@maninak的帮助。我会删除这篇文章,因为这对其他人没有任何价值…很好,你的想法跳出了框框,我很高兴我能帮上忙。不要删除帖子,它对其他人有价值。
ion-modal{
    z-index:1 !important;
    .modal-wrapper{
        z-index:1;
    }
    ion-backdrop{
        z-index:2;
    }
}


**********
Your system information:

 ordova CLI: 7.0.1
Ionic CLI Version: 2.2.3
Ionic App Lib Version: 2.2.1
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.10.2
Xcode version: Not installed