如何使用离子2动作表的html标签？

Question

可以选择在离子1中使用带有操作表的html标签。

我在离子2中尝试了相同但没有用。

以下是我的代码。

let actionSheet = this.actionSheetCtrl.create({
                title: '<b>Choose</b>',
                buttons: [
                  {}.......

有人这样做过吗？

具体来说，我想在操作表中添加一个图像

Answer 1

否..标题不允许使用html字符串，其他任何属性也不允许使用html字符串。

您最好的选择是在操作表上添加cssClass

let actionSheet = this.actionSheetCtrl.create({
            cssClass: 'title-img',

这将允许您区分您使用的任何其他操作表，并明确描述css的可维护性。

然后你可以偷偷摸摸地使用CSS。因此，操作表中的主要标题类是.action-sheet-title

因此，为了在标题旁边添加图片，您只需要使用::before或::after

为选择器添加后缀

例如

.title-img .action-sheet-title::before{ // if you want the image on the left of the title
    background:url('path-to-image-here') no-repeat;
    height: 50px;
    width: 50px;
}

这应该有效。