2012-03-29 14 views
25

私は連絡先リストを表示したいので、各連絡先divをjadeコードに変換しましたが、関連するフィールドに値を設定する必要があります。サーバー側でこれを行うことはできますか?私はnodejsをサーバーコードに使用しています。接触のヒスイテンプレートは次のとおりです。変数を持つジェイドテンプレート(nodejsサーバー側)

// 
    img-cont 
    .img-cont 
     // 
     img-cont 
     .left-img 
     // 
      left-img 
     .img-box 
      img(src='assets/img/img.jpg', alt='') 
     .name 
      h6 
      span John Doe 
      img(src='assets/img/star-b.png', alt='') 
      p 
      strong Phone number: 
      | +1 234 567890 
      p 
      strong Email address: 
      a(href='mailto:[email protected]') [email protected] 
     // 
     left-img 
     ul.share-ul 
     li 
       a.edit(href='#') Edit 
     li 
      a.share(href='#') Share 
     li 
      a.delete(href='#') Delete 
    // 
     img-cont 

ので、代わりのジョン・ドウとランダムの電話番号を持つ私はあそこの変数を希望することを意味するために、その後、nodeJSコードが中に固執するような方法があった場合右の値を入力して、メインのヒスイのページにコンタクトヒスイを追加してから、次の連絡先などに移動します。だからこのような何か:http://embeddedjs.com/

私はExpressをNodejsのフレームワークとして使用しています。

答えて

65

はい、あなたはデータ

res.render('your page', {pageData: {name : ['name 1', 'name 2']}}); 

でオブジェクトを渡すレンダリング呼び出すときにヒスイの内側にあなたが

span #{pageData.name[0]} 

たり、ループをしたい場合

each item in pageData.name 
    span #{item} 
を行うことができますことを行うことができます

githubページの詳細はhttps://github.com/visionmedia/jade

+1

jade-lang.comでもGitツリーの例がおそらく最良のドキュメントです。 –

+0

テンプレートの中からページの名前にアクセスする方法はありますか?例えば。 pageTitle =#{'あなたのページ'} – funseiki

+1

@funseikiこの関連質問を参照してください:http://stackoverflow.com/q/24855111/1715579 –

関連する問題