在数据内容中显示<i>以弹出

Question

我有一个Bootstrap 4 popover，当我hover-over我正在工作的Font Awesome图标时显示，但问题是我需要添加另一个Font Awesome图标在data-content中。

这是必须通过JS完成还是可以直接在data-content属性中完成

这让我发疯了。

HTML

<i id="orderDetailsInfoIcon" class="fas fa-info-circle fa-lg" data-toggle="popover" data-placement="bottom" data-content="You can remove items added to your cart by clicking the <i class="far fa-times-circle text-danger"></i>." data-trigger="hover"></i>

我已经尝试过转义，但它不想工作

data-content="You can remove items added to your cart by clicking the <i class=\"far fa-times-circle text-danger\"></i>."

还有

data-content =“您可以通过单击“ +” +“。”来删除添加到购物车中的项目。

和其他变体。

我想要这个

在此