如何将类(基于if-else的结果)动态分配给使用Bootstrap Tagsinput的popover工具提示的spa

Question

//我的js文件有以下

$mytag.popover({
html:true,
trigger: hover,
container: $mytag,
template: '<div class="popover" role="showDetails">' +
...//other
'</div>',
content:'<div class="info">' +
...//other
'<div class="myrow">' +
'<span>' + 'Result:'  + '</span>' +
'<span>' + item.result + '</span>' +
+ '</div>' + 
}); 

item.result的值在其他地方计算(js(。最终结果应为布尔值。我想在这里附加一个css类，而不是显示结果。例如：如果item.result为真。我想添加class＝"；ok"；到span标记。

'<span class="ok">' + '</span>' +

如果item.result返回false。我想添加class＝"；notOk"；到span标记。

'<span class="notOk">' + '</span>' +

有人能告诉我实现这一目标的最佳方式是什么吗？。

提前谢谢。

Answer 1

是否尝试将id添加到span，然后使用element.classlist.add('class_name')函数？在计算item.result的地方添加一个if语句，将类添加到跨度中，如：

if (item.result) {
document.getElementById("result-span").classList.add("ok"); 
}
else {
document.getElementById("result-span").classList.add("notOk");
}

HTML DOM classList属性

Answer 2

您可以通过字符串插值来实现这一点。

`<span class="${calcutationFn() ? 'ok' : 'noOK'}"> ... </span>`