Jade动态表单占位符

Question

人们，试图动态生成表单。 传入上游数据，并且包含我想在表单中预填的值。 看到以下错误：

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-control（type ='text'，placeholder ='＃{val.rate.N}'）

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

   input.form-control（type ='text'，placeholder = val.rate.N）

3. 方法：将其分配给其他东西，然后使用：

   • var myVar = val.rate.N //在需要输入时适合做一些逻辑。form-control（type ='text'，placeholder = myVar）

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