如何将 html 标签与 ionic 2 操作表一起使用

Question

在

ionic 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;
}

这应该行得通。