javascript - 能否将数字变量加粗在字符串中并在放置在html中时将其表示为UI？

我有以下情况：

Javascript：

var aNumber = 17;
var problem = "Is there a way to bold a number like this: "+aNumber+"?";

HTML：

<ion-item>{{problem}}</ion-item>

我得到：
有没有办法加粗这样的数字：17？

我想要：
有没有办法加粗这样的数字：17？

我试过在问题aNumber周围的问题变量中使用<b></b>和<strong></strong>。

看起来像：

var problem = "Is there a way to bold a number like this: "<strong>+aNumber+</strong>"?";

不，那也不行。

我还尝试了以下方法：

var aNumber = 17;
var problem = "Is there a way to bold a number like this: "

HTML：

<ion-item>{{problem}}{{aNumber}}?</ion-item>

此答案仅显示问题变量：
有没有办法加粗这样的数字：

最佳答案

不确定<ion-item>，但根据问题中提到的标记，请执行以下操作：

var aNumber = 17;
var problem = "Is there a way to bold a number like this: <strong>" + aNumber + "</strong>?";

document.getElementById('output').innerHTML = problem;

<div id="output"></div>