Ошибки конкатенации строк в ejs / node.js
У меня возникают проблемы с загрузкой пользовательского шрифта при использовании ejs. Я не думаю, что проблема в самом шрифте, но если вам интересно, источник:
https://github.com/andrewgioia/Keyrune
Я думаю, проблема в том, как отображается тег html при объединении класса с помощью ejs.
документ ejs:
<body>
<i class = "ss ss-6x"> </i>
// default symbol correct size
<i class = "ss ss-6x ss-lea"> </i>
// correct symbol/size
//html renders as <i class = "ss ss-6x ss-lea"> </i>
<i class=<%= "ss ss-6x ss-" + sets[0].setCode %>> </i>
// default symbol shows up in wrong font size
// html renders as <i class = "ss" ss-6x ss-lea> </i>
<i class=<%= "ss " + "ss-6x " + "ss-" + sets[0].setCode%> > </i>
// default symbol shows up in wrong font size
// html still renders as <i class = "ss" ss-6x ss-lea> </i>
<% console.info(sets[0].setCode); %>
// prints as 'lea'
</body>
маршрут узла (здесь нет проблем):
app.get('/', function(req, res) {
con.query('SELECT * FROM mtgSets', function(error, rows, fields) {
if (error) throw error;
sets = rows;
console.info(sets[0].setCode); //prints as lea
res.render('test', {sets: sets});
});
});
Решение: кавычки заключаются в квадратные скобки "<% =%>"!
<i class = "<%= 'ss ss-6x ss-' + sets[0].setCode %>" > </i>
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы пробовали последовательно форматировать свой html - похоже, у вас есть небольшое несоответствие с вашими одинарными и двойными кавычками, и не все имеет начальную или конечную цитату.
Я обычно использую двойные кавычки на стороне HTML и одинарные кавычки на стороне JS.
Так что-то вроде:
<i class=<%= 'ss ' + 'ss-6x ' + 'ss-' + sets[0].setCode%> > </i>
Становится
<i class = "<%= 'ss ' + 'ss-6x ' + 'ss-' + sets[0].setCode%>" > </i>
И
<i class=<%= "ss ss-6x ss-" + sets[0].setCode %>> </i>
Становится
<i class = "<%= 'ss ss-6x ss-' + sets[0].setCode %>"> </i>
@ Джейн, пожалуйста. Это распространенная ошибка, которую все мы делаем гораздо чаще, чем хотелось бы :)
Проблема заключалась в том, что я не знал, что вы можете заключать кавычки вокруг <%%>. Спасибо!