如何在字符串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>`;