玉动态形式占位符

Question

民间，   试图动态生成表单。 upstreamData被传入，并包含我希望在表单中预填充的值。出现以下错误：

Unexpected token ILLEGAL
> 22|   input.form-control(type='text', placeholder= #{val.rate.N} )

不起作用的代码：

form(action='/foo', method='POST', role='form')
    legend Foo Form
    .form-group.col-sm-2.col-sm-offset-1
        - each val, key in upstreamData
            label(for='') #{val.name.S}
            input.form-control(type='text', placeholder= #{val.rate.N} )
    button.btn.btn-primary(type='submit') Submit 

有效的代码：

form(action='/foo', method='POST', role='form')
    legend Foo Form
    .form-group.col-sm-2.col-sm-offset-1
        - each val, key in upstreamData
            label(for='') #{val.name.S}
            input.form-control(type='text', placeholder='bar' )
    button.btn.btn-primary(type='submit') Submit 

Answer 1

而不是使用＃{variable}只需使用：

input.form-control(type='text', placeholder=val.rate.N )

Answer 2

您可以将其包装在引号中，使用简单变量，将其分配给其他内容然后使用...

1. 方法：包裹它：

   input.form控制（类型= '文本'，占位符= '＃{val.rate.N}'）

2. 方法：简单变量，如Crnag的回答：

   input.form控制（类型= '文本'，占位符= val.rate.N）

3. 方法：将其分配给其他内容然后使用：

   • var myVar = val.rate.N //适合在需要时做一些逻辑 input.form控制（类型= '文本'，占位符= myVar的）

每个人都会在占位符属性周围添加标准的html双引号。