2016-04-27 10 views
0

私はエクスプレスで会議Webアプリケーションを構築する方法を研究しています。講義では彼はswigを使っていますが、私はそれを利用しようとしているのでswigの代わりにjadeを使うことを好みます。このswigコードはどのようにヒスイのように見えますか?

私はswadeコードをjadeに変換しようとしていますが、私はこれらのコードに固執しています。

//In swig, 
<div class="col-md-12 column list-group">{% for note in notes %} 
      <div class="list-group-item"> 
      <div>Note from <em><strong>{{ note.memberName }}</strong></em>     on: {{ note.createdOn.toDateString() }} 
           - for project: <strong>{{ note.project }}</strong> 
      </div> 
      <div><strong>Work yesterday:</strong> {{ note.workYesterday }}</div> 
      <div><strong>Work today:</strong> {{ note.workToday }}</div> 
      <div><strong>Impediment:</strong> {{ note.impediment }}</div> 
      </div>    {% endfor %} 

私は{% for note in notes %}はヒスイのファイルにfor note in notesようになると思います。しかし、他の部分に変換することはできません{{note.project}}と他のコードは{{ note.で始まります。

誰でも助けてもらえますか? ありがとうございます!

答えて

0

Jade referenceによると、foreachループはeach note in notesのようになります。また、noteのプロパティは​​3210としてアクセス可能である必要があります。少なくとも彼らがJavascriptオブジェクトであれば。

+0

次に、 'strong note.project'のように見えますか?私は 'note.project'を内容として印刷すると思います。 – jaykodeveloper

+0

変数の値を印刷する場合は、 '#{note.project}'のようにそれらを使用してください。だから、 'strong'タグと組み合わせると、 'strong#{note.project} ' –

+0

大丈夫です。私は今それを試してみるつもりです。アドバイスありがとう! – jaykodeveloper

関連する問題