在MaterialiseCss Toast中添加材质图标？

Question

是否可以在materializecss toast消息中添加图标？

我尝试这样做，但在吐司里面回复了'[object-object]：

var $printerIcon = $('<i class="material-icons print"></i>');

Materialize.toast($printerIcon + 'Your print job was sent',4000);

Answer 1

它只是显示图标，而不是文字，

对于带文字的图标，请尝试：

const Icon = '<i class="material-icons print">done_all</i>';
const Message = 'Your print job was sent';
const $toast = Icon +Message ;
Materialize.toast( $toast, 4000);

希望这会对你有所帮助

Answer 2

问题是，Javascript尝试将PrivateKey转换为字符串。

尝试在标记内添加文本，如下所示：

$printerIcon + 'Your print job was sent'

Answer 3

您只能使用：在

之前使用css修复它

#toast-container{

    .toast{     

        &:before{
        content: “your-icon”;

    }

}

请观看以下示例：

https://codepen.io/anon/pen/YrGmeg