как убрать ">" при рендере мопса в HTML - PullRequest
0 голосов
/ 05 февраля 2020

Я пытаюсь сделать календарь. Когда я рендерил код pug в HTML с помощью JavaScript (Express), код html включает < и > (который я даже не печатал вообще), и он печатает результат дважды , не было никаких проблем со значением, которое я сохранил. как я могу это исправить?

Ниже приведен мой код.

JavaScript:

var express = require('express');
var router = express.Router();
var moment = require('moment');
require('moment-timezone');
moment.tz.setDefault("Asia/Seoul");

//get the day of the first date of month
function getDay() {
  var date = new Date();
  var day = date.getDay();
  var _date = date.getDate();
  var firstDay = day - ((_date % 7) - 1);
  var month = date.getMonth();
  var dayPMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
  var curMonth = dayPMonth[month];
  var year = date.getFullYear();
  var output = '';
  if(firstDay < 0) {
      firstDay = firstDay + 7;
  }
  for(var i = 0; i <= firstDay; i++) {
      output = output + '<li></li> '
  }

    if(month === 1) {
      if(year % 400 === 0) {
        curMonth++;
      }
      else if(year % 100 !== 0 && year % 4 === 0) {
        curMonth++;
      }
    }
    for(var i = 1; i <= curMonth; i++) {
        output = output + "<li class = \"date\">"+i;
        output = output + "</li> "
    }
    return output;
}

router.get('/', function(req, res, next) {
  var li = '';
  li = getDay();
  console.log(li);
  res.render('main', { title: 'ALMANAC', headerNum : 3, nickname : 'userId', notice: 'none', trophy : 0, money : 0, addLi : li});
});

module.exports = router;

Мопс:

 ol.days.list-unstyled
   #{addLi}

Rendered HTML код:

enter image description here

1 Ответ

1 голос
/ 07 февраля 2020

Это легко обрабатывается мопсом each l oop:

ol.days.list-unstyled
   each item in addLi
     li.date= item

Просто передайте ему список чисел, которые вы хотите отобразить, и оставьте поколение HTML мопсу.

...