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

Question

我在 ionic 中创建了一个自定义弹出窗口，如果我从 CSS 更改弹出窗口的背景颜色 class 所有其他弹出窗口的背景颜色都已更改。我只想更改自定义弹出窗口的背景颜色。

Answer 1

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

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

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

Answer 2

我是在

等显示方法中为我的弹出窗口创建自定义 CSS

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

而我的自定义CSS如下

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

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

这对我有用。