从javascript变量渲染Jade / Pug

时间:2017-01-31 17:06:53

标签: javascript node.js express pug

我最近在与Pug(Jade)合作时遇到了一些麻烦。 我从后面发送一个阵列到我的前面,然后我在客户端进行排序。

看起来像这样:

potentials是我通过res.render('./myPage', {potentials})发送到我前面的对象数组

script.

    $(document).ready(function() {
      $("#age-slider").change(function(){

        var slider = document.querySelector('#age-slider')
        var sliderInputs = slider.querySelectorAll('input[type=range]')
        var found_age = potentials.filter(v => v.age >= sliderInputs[0].value && v.age <= sliderInputs[1].value);
        console.log(found_age)

      })
    })
  if (found_age)
    span
      li
       found_age.username

所以我的排序正常工作我可以在输入输入时记录我的值但是如何才能在这个哈巴狗页面上渲染我的数组found_age? 我有什么

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

经过漫长的一夜挖掘之后,对我有用的是什么:

found_age = potentials.filter(v => v.age >= sliderInputs[0].value && v.age <= sliderInputs[1].value);
      console.log(found_age)
        document.getElementById('array-Filter').innerHTML = found_age.map((user) => {
            return `
            <li>${user.username}  ${user.age} years old from ${user.city}</li>
            `;
        }).join('');