Pug(Jade)模板中标签的动态URL

时间:2017-01-05 17:22:10

标签: javascript node.js pug

我想动态更改网址文字。这是我在Pug模板引擎中使用的代码:

html
  head
    title=title
    <link rel="stylesheet" type="text/css" href="/css/style.css">
  body(style={'background-color': color })
    #content 
      .bigquestion=message
      | <div class='questionnumber'>
      a(href=`/question/`+ questionnumber) =questionnumber
      | / 
      =totalnumberofquestions
      | </div>

我得到以下内容:

<div class='questionnumber'><a href="/question/98">question =questionnumber</a>98/ 135</div>

我希望输出是这样的:

<div class='questionnumber'><a href="/question/98">question 98</a> / 135</div>

有什么方法可以在Pug模板引擎中为URL使用动态文本?

我只能找到静态文本示例here

2 个答案:

答案 0 :(得分:3)

请查看文档中的此部分。

https://pugjs.org/language/interpolation.html

html
  head
    title=title
    <link rel="stylesheet" type="text/css" href="/css/style.css">
  body(style={'background-color': color })
    #content 
      .bigquestion=message
      | <div class='questionnumber'>
      a(href=`/question/`+ questionnumber) #{questionnumber}
      | / 
      =totalnumberofquestions
      | </div>

答案 1 :(得分:3)

您需要在变量上使用插值,例如#{questionnumber}