javascript - 如何在字符串 javascript 中添加条件？

Question

我的 JavaScript 代码是这样的:

var res =  `<td>
                if(product.photo == photo.name)
                <div class="box-check">
                    <span class="fa fa-check"></span>
                </div>
            </td>`;

我就这样尝试。但好像是错的

我该怎么做？

Answer 1

我能想到的最简单(最简单)的改变如下:

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>`;