javascript - 在 HTML 中混合 Javascript

Question

有一个 D3.js绘图函数正在接受element并d作为其参数的数据，并且在该函数内部有一些像这样的 HTML 行来绘制一些东西：

'<p><strong>' + d.name_detail[0].detail_value + '</strong> ' + d.name_detail[1].detail_value +
'<strong class="pharmacy-icon">' + d.generic_tooltip.length +
'<img src="/assets/pill.png">' +
'</img></strong></p>' +

请注意 '<img src="/assets/pill.png">' + 我需要在其中添加一些逻辑的行，例如if d.showpill === true然后显示药丸图标，否则不显示它。但目前它总是显示。

Answer 1

'<p><strong>' + d.name_detail[0].detail_value + '</strong> ' + d.name_detail[1].detail_value +
'<strong class="pharmacy-icon">' + d.generic_tooltip.length +
(d.showpill === true ?'<img src="/assets/pill.png"></img></strong></p>' : '</strong></p>')

Answer 2

如果内联：

((d.showpill == true) ? '<img src="/assets/pill.png"> : '')