我的javascript代码如下:
var res = `<td>
if(product.photo == photo.name)
<div class="box-check">
<span class="fa fa-check"></span>
</div>
</td>`;
我试着这样。但似乎是错的
我该怎么做?
答案 0 :(得分:4)
var inner = product.photo == photo.name ? `<div class="box-check">
<span class="fa fa-check"></span>
</div>` : '';
var res = `<td>${inner}</td>`;
替代地
var res = `<td>${product.photo == photo.name?'<div class="box-check"><span class="fa fa-check"></span></div>':''}</td>`;
但在这种情况下你不能(轻松)制作 <div><span
等多行
我没有努力 - 嵌套模板文字FTW:p
var res = `<td>${product.photo == photo.name?`<div class="box-check">
<span class="fa fa-check"></span>
</div>`:''}</td>`;