如何在运行时修改离子弹出背景

时间:2016-07-12 19:22:13

标签: android iphone ionic-framework ionicpopup

我在离子中创建了一个自定义弹出窗口,如果我改变了弹出类的背景颜色,那么所有其他弹出窗口的CSS背景颜色都会改变。我想改变我自定义弹出窗口的背景颜色。

2 个答案:

答案 0 :(得分:2)

您可以将cssClass添加到$ionicPopup.show方法:

$ionicPopup.show({
      template: '',
      title: '',
      subTitle: '',
      cssClass: 'myPopup',
      scope: $scope,
      ...

这个类将出现在生成的html中,如下所示: **enter image description here**

答案 1 :(得分:1)

我在show方法中为我的弹出窗口创建了自定义CSS,如

$ionicPopup.show({
  template: '',
  title: '',
  subTitle: '',
  cssClass: 'myPopup',
  scope: $scope,
  ...

我的自定义CSS如下

.myPopup .popup{
    //write your code here
} 

.myPopup .popup-body{
    // Write your css here
}

这对我有用。