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

Question

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

Answer 1

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

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

这个类将出现在生成的html中，如下所示：

Answer 2

我在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
}

这对我有用。