Javascript 如何使用Ionic 2中的特定类动态创建模态？

嗨，我已经被一个问题困扰了好几天了，到目前为止还没有足够的研究证明。我正试图在Ionic 2中创建一个具有特定类（或id）的简单模式

我需要像这样简单的东西：

<ion-modal class="myDifficultToAddClass">
...
</ion-modal>

为了使用本地css，我尝试使用angular/core的ViewEncapsulation来封装视图，但该css将在全球范围内可用（并且我无法仅“样式化”此特定模式-因此这不是一个解决方案）：

我希望找到一个简单的解决方案，如：

// create(component, data, opts)
create(Profile, { randomData: randomData }, { cssClass: 'myDifficultToAddClass' })

不幸的是，我的愿望没有实现：）

---

有人知道怎么做吗？

您可以尝试向组件添加选择器

@Component({
    templateUrl: 'modal.html',
    selector:'somemodal',
})

现在您可以在元素somemodal上设置所有css

somemodal {
    // dostuff
}

---

现在，您可以在创建模式时将CSS类名作为可选参数传递

  presentProfileModal() {
    let profileModal = this.modalCtrl.create(Profile, { 
      randomData: randomData }, {
      cssClass: 'myDifficultToAddClass'
    });
    profileModal.present();
  }

---

找到官方文件

天哪！这么简单的解决方案，但很难找到。。。谢谢你，先生！问题解决了！作为对将来可能遇到此问题的任何人的提示：您可能需要使用！元素CSS属性上的重要关键字（其中大多数被其他离子组件的CSS覆盖），这应该是正确的答案！代表那些懒得阅读文档的人表示感谢：/

somemodal {
    // dostuff
}

  presentProfileModal() {
    let profileModal = this.modalCtrl.create(Profile, { 
      randomData: randomData }, {
      cssClass: 'myDifficultToAddClass'
    });
    profileModal.present();
  }