JavaScript: добавление условия if внутри переменной шаблона

Question

У меня есть переменная шаблона в Javascript, как показано ниже

 var TABLE_ROW = '<tr class={{bgColor}}>'
            + '<td><input id={{ID}} type="checkbox" class="mysqlListCheckbox" checked="checked"/> <span style="padding: 7px;">{{COUNT}}</span></td>'
    + '<td><p class=text-warning>{{COMMENTS}}</p></td>'
    + '</tr>';

В данный момент ID всегда проверяется, но я хочу изменить его, например, ID не следует проверять / выбирать, если COMMENTS пусто.

Я новичок в шаблонных переменных Javascript. Любые ссылки для достижения этой цели высоко ценятся.

Спасибо.

Answer 1

Используйте троичный оператор (если шаблонизатор поддерживает его):

var TABLE_ROW = '<tr class={{bgColor}}>'
            + '<td><input id={{ID}} type="checkbox" class="mysqlListCheckbox" checked={{COMMENTS == "" ? "" : "checked"}}/> <span style="padding: 7px;">{{COUNT}}</span></td>'
    + '<td><p class=text-warning>{{COMMENTS}}</p></td>'
    + '</tr>';

Answer 2

Поскольку вы новичок в Javascript, пожалуйста, постарайтесь понять, как работает JS.JS как таковой не предоставляет никаких шаблонов из коробки для целей шаблона, вы можете использовать HandleBars.js, в случае, если вы использовали HandleBars.Я бы посоветовал вам использовать вспомогательную функцию для этого.

Ссылка для руля https://handlebarsjs.com/

Handlebars.registerHelper('decideSelect',function(param){
    if(param.COMMENTS.length==0){
        let Htmlstr =  '<td><input id='+param.ID+' type="checkbox" class="mysqlListCheckbox" /> <span style="padding: 7px;">'+param.COUNT+'</span></td>'+'<td><p class=text-warning>'+param.COMMENTS+'</p></td>';
        return Htmlstr;
    }else{
        let Htmlstr =  '<td><input id='+param.ID+' type="checkbox" class="mysqlListCheckbox" checked="checked"/> <span style="padding: 7px;">'+param.COUNT+'</span></td>'+'<td><p class=text-warning>'+param.COMMENTS+'</p></td>';
        return Htmlstr;
    }


});
};

var TABLE_ROW = '<tr class={{bgColor}}>'
    + '{{decideSelect this}}</tr>';