Javascript Ionic：如何在$ionicPopup中使用cssClass？

因此，我想修改$ionicPopup中的默认宽度，为此，我必须向我的弹出对象添加“cssClass”，就像下面的代码一样

  $scope.getScore = function(){
  var popupScore = $ionicPopup.alert({

  title:'Score',
  template: 'Total XP points: 50',
  cssClass: '',
  buttons: [{
    text:'Return',
    type: 'button-assertive'
  }]}}

---

在这种情况下，你将如何处理？我应该给cssClass一个值吗？（即：cssClass='popupClass'），然后转到我的CSS文件并从那里修改宽度？

只需定义一个母类并覆盖。以这种方式弹出默认的ionic类

   .my-custom-popup{
      .popup{
        //styling for popup width, width: 300px;
      }
      .popup-title{
        //styling for title
      }
    }

并在

cssClass

 var popupScore = $ionicPopup.alert({

  title:'Score',
  template: 'Total XP points: 50',
  cssClass: 'my-custom-popup',
  buttons: [{
    text:'Return',
    type: 'button-assertive'
  }]}}

下面是可以在父类中重写或自定义的类的列表

• .弹出窗口

• .弹出式磁头

• .弹出标题

• .弹出子标题

• .弹出式正文

• .popup-buttons.row

• .弹出按钮.按钮

---

仅供参考，您可能需要使用！重要的是让宽度这样的东西工作。感谢@lulu88提供的信息。请参见此处的讨论（及其代码笔）：