2017-01-31 7 views
0

最近Pug(Jade)と仕事をしているときに問題が発生しています。 私の背中から配列を送ってきて、それをクライアントサイドでソートしています。Jade/Pugをjavascript変数からレンダリング

それは次のようになります。

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をこのpugページにレンダリングできますか? 私の持っているもの

ありがとうございました!

答えて

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(''); 
関連する問題