将价值从Node JS转移到Jade

Question

我正在尝试将参数从节点js传递到我的Jade页面中的Input Tag，这是我的代码：

节点js：

res.render("index" ,{title: userName});

Jade Page（称为“索引”）：

.input
    input(type='text', value= #{title} ,  maxlength='15')

我在这里做错了什么？

这是我的错误信息：

48 | input（type ='text'，value =＃{title}，maxlength = '15'）

Function处的意外令牌ILLEGAL（本机）

`

Answer 1

它会按原样工作吗： value=title ？

.input
    input(type='text', value=title ,  maxlength='15')

Answer 2

您正在使用转义字符串插值，如此处所述： http : //jade-lang.com/reference/interpolation/这不能用作属性，您必须使用缓冲的代码，如此处所述： http：// jade- lang.com/reference/code/

它看起来像这样：

// escaped code
.input
    input(type='text', value= title ,  maxlength='15')
// unescaped code
.input
    input(type='text', value!= title ,  maxlength='15')

如果要使用对象作为属性，则可以使用input&attributes(object)来处理它，如此处所述： http : //jade-lang.com/reference/attributes/#and-attributes

Node.js

res.render("index" ,{
   input: {
      type: 'text',
      title: userName, 
      maxlength: '15',
      name: 'myInputName'
   }
});

玉：

.input
    input&attributes(input)

两者的结果：

<div class="input">
   <input type="text" value="username" maxlength="15" name="myInputName" />
</div>

这是Jade中不带节点的workinh Pen的示例： http ://codepen.io/pure180/pen/oLPGJy