logo标签列表

Pug（Jade）模板中的标签动态URL

javascriptnode.jspug
4

我希望能够动态更改URL文本。这是我在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？我只能找到静态文本的例子，可以在这里找到。
2个回答
5

请查看文档中的此部分。

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

您需要使用插值，比如将 #{questionnumber} 插入到您的变量中。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接