Jade,mixin&& HTML

时间:2011-10-23 14:29:27

标签: node.js mixins pug

我正在使用jade作为node.js.我有1个mixin(测试):

mixin some( field, field2 )
  .field!= field
  .field2!= field2

我需要将一些HTML代码放入mixin中,例如:

#test
  some( a( href='http://test' )='test', span.description=description )

我想要那个:

<div id="test">
  <div class="field"><a href="http://test">test</a></div>
  <div class="field2"><span class="description">bla bla bla</span></div>
</div>

我怎么可能那样做?现在我只知道一个丑陋的决定:

#test
  - var field = '<a href="http://test">test</a>';
  - var field2 = '<span class="description">' + descriptions + '</span>';
  mixin some( field, field2 )

抱歉,因为我的英语不好:)

2 个答案:

答案 0 :(得分:1)

看起来您当前的解决方案是唯一的方法。 mixins的参数是javascript表达式,而不是jade元素。

答案 1 :(得分:1)

实际上你也可以将Jade标记传递给mixin

mixin article(title)
  .article
    .article-wrapper
      h1= title
      if block
        block
      else
        p No content provided

+article('Hello world')

+article('Hello world')
  p This is my
  p Amazing article

我知道这个问题很老了。留下回复,以便其他人可能会发现它有用。