在离子2中将类名添加到div中

Question

我使用Alert组件我需要将animated zoomIn之类的类名插入<div class="alert-wrapper"></div>附近的div中

可能吗？

doAlert() {
      let alert = Alert.create({
        cssClass: 'animated zoomIn',
        title: 'New Friend!',
        message: 'Your friend, Obi wan Kenobi, just approved your friend request!',
        buttons: ['Ok']
      });
      this.nav.present(alert);
    }

Answer 1

如果你想要一些自定义，那么试试这个 只需创建如下警告：

let alertPopup = Alert.create({
title: 'title',
subTitle: 'message',
cssClass: 'animated_zoomIn',
buttons: [{
text: 'btnType',
cssClass: 'buttoncss'
}]
});
this.nav.present(alertPopup);

In your app.core.scss or your page scss, define your cssClass like this:

.buttoncss{
color:#e74c3c;
/*Any other style you wish to apply*/
}

.animated_zoomIn{
color:#e74c3c;
/*Any other style you wish to apply*/
}

----Make sure your page scss is imported----