javascript - 如何将 jade 表达式作为 mixin 参数传递？

Question

我有一个简单的 jade mixin:

mixin event(title)
    .panel.panel-default
      .panel-heading !{title}
      .panel-body 
        if block
          block
        else
          p No content provided

我可以这样调用它:

  - var title = "<a href='profile/@Carl'> @Carl</a>"

  +event ( title )
    | It wasn't that hard. But all in all I'm glad I did it
    | because I feel so much better now.
    br
    | Really. Thank god, it's over

但我想做的是像这样用 Jade 表达标题:

  - var title = a(href='profile/@Carl') @Carl

  +event ( title )
    | It wasn't that hard. But all in all I'm glad I did it
    | because I feel so much better now.
    br
    | Really. Thank god, it's over

但是jade不喜欢这样，返回错误

SyntaxError: Unexpected character '@' (191:43)

有什么办法可以实现吗？

Note the line 43 mentioned in the error doesn't exist in the file. This is suspicious

Answer 1

this answer中的信息导致了一个对我有用的解决方案......

你可以让你的标题成为mixin，动态调用你的mixin

mixin event(title)
  .panel.panel-default
    .panel-heading 
      +#{title}
    .panel-body 
      if block
        block
      else
        p No content provided

mixin title 
  a(href='profile/@Carl') @Carl

+event("title")
  | It wasn't that hard. But all in all I'm glad I did it
  | because I feel so much better now.
  br
  | Really. Thank god, it's over