js 模版字符串增加條件判斷

用 三元判斷或者自執行函數內使用if


 for ( let i = 0; i < data.length; i++ ) {
        const html = `<li class="fl t-left"><div class="target t-center">
                                <p>${data[i].type}</p>
                            </div>
                            <div class="logo clearfix">
                                <div class="logo_l t-center fl">
                                <div class="img"></div>
                                </div>
                                <div class="logo_r fl">
                                    <p class="brand">${data[i].name}</p>
                                    <p class="des">行業:${data[i].job}</p>
                                </div>
                            </div>
                            <div class="itembox-content">
                                <p>${data[i].content}</p>
                            </div>
                            <div class="qr-box t-center">
                                <div class="img"></div>
                                <p class="know">掃碼查看小程序
                                </p>
                                ${data[i].wsc ? data[i].wsc : ''}
                                // 或者用自執行函數執行 if條件
                                ${( function () {
								        if ( data[i].wsc ) {
								            return data[i].wsc
								        }else{
								            return ''
								        }
								} )() 

                                </p>
                            </div>
                        </li>`
        asideRightLi.append( html )
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章