玉石、mixin && html

发布于 2024-12-11 14:06:40 字数 787 浏览 0 评论 0原文

我在node.js 中使用jade。我有 1 mixin(test):

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 )

对不起,我的英语不好:)

I'm using jade for node.js. I have 1 mixin(test):

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

I need put into mixin some html code, example:

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

I want that:

<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>

How I may do that? Now I know only 1 ugly decision:

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

Sorry, for my bad english :)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

只是偏爱你 2024-12-18 14:06:40

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

Looks like your current solution is the only way. The parameters to a mixins are javascript expressions, not jade elements.

甜心小果奶 2024-12-18 14:06:40

实际上你也可以将 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

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

Actually you can pass Jade markup to mixin as well

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

I know this question is quite old. Leaving reply so that someone else might find it helpful.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文