2017-01-25 3 views
0

Pug/Jadeのテンプレートのためのものはたくさんありませんので、ここで試してみてください。 私は繰り返しのドキュメントとこのリンクhereを読んできました。翡翠/ Pugのオブジェクトのレンダリング

私はNode.js、Express、pugを使っています。これまでのところ、私は、ユーザーに関するいくつかのデータを収集し、いくつかの機能サーバ側(私は学校のプロジェクトとして、偽の出会い系サイトを構築しています) だから私のコード・サーバー側はこのようになりますしている:

router.post('/matchaSearch', function (req, res) { 
    matchaSearch(pool, session.uniqueID) 
    .then((results) => { 

     res.results = JSON.stringify(results) 
     console.log('result', results) 
     res.render('./userMatch', {res}) 
     }) 
    .catch((err) => { 
     console.error('error', err) 
     res.status(500).send("we don't have any suggestions for you so far") 
     }) 
    }) 

私は中resultsをログに記録することができますitermと私のすべてのデータはここにありますが、それはクライアント側になるとちょっと違います。ご提案

です。ここ

[

を{:

h1 
|Here are your suggestions 
script. 
console.log(!{res.results}[0].username) 
ul 
    for username in res.results 
    li= username 

は、ここで私は自分のブラウザのコンソールにres.resultsから最初のユーザー名をログに記録することができますが、私のページに私のLiがレンダリングされます。

"

.i

.d

。 "

:。

0.3

0.3

はあなたがここに私の問題を理解することができますか? それは私のオブジェクトの配列からすべての文字を表示しています。 私はちょうどリンクとしてユーザー名を表示したいので、いくつかの提案されたユーザーとの提案ページを表示することができます。

jqueryを使って私の李にHTMLをレンダリングし、それを呼び出すことができるのだろうかと思っていましたが、ここでも壁に面しています。 どんな援助も大歓迎です!おかげさまで

答えて

3

{res}を印刷しています。

res.render('./userMatch', {results: results}) 

と、テンプレートであなたのループはbecames::これは、空のli空白を印刷している

ul 
    for item in results 
    li= item.username 
+0

これは動作しています!よかった。ありがとう。あなたはちょうど学校で5人の他の人を助けました。乾杯。 – pkerckho

1
h1 
    |Here are your suggestions 
    script. 
    console.log(!{res.results}[0].username) 
    ul 
     for username in res.results 
     li= username.username 

iは、ユーザ名が対象だと思う、あなたはJavaScriptにどんな意味がありませんので、全体

+0

、それはドットにのchar限り多くのドットをレンダリングは、オブジェクトがキー/値ペアが含まれたテンプレートを提供しなければなりません私のobjets – pkerckho

+0

これを削除するJSON.stringify(results)これはオブジェクトの配列を文字列化していて、jgeでres.resultsは文字配列として認識されます –

+0

これは私のpugページの '不定期のプロパティ'の長さ 'を読み取れません。しかし、Itermで変数をログに記録することができるので、未定義になることがありますか? – pkerckho

関連する問題