翡翠动态表格占位符答案

【问题标题】：Jade dynamic form placeholder翡翠动态表格占位符
【发布时间】：2014-01-05 21:25:33
【问题描述】：

各位，尝试动态生成表单。 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

【问题讨论】：

标签： javascript twitter-bootstrap twitter-bootstrap-3 pug

【解决方案1】：

您可以用引号括起来，使用简单的变量，将其分配给其他东西，然后使用它...

方法：包起来：

input.form-control(type='text',placeholder='#{val.rate.N}')
方法：简单的变量，如 Crnag 的回答：

input.form-control(type='text',placeholder=val.rate.N)
方法：将它分配给其他东西然后使用它：
- var myVar = val.rate.N // 适合在需要时做一些逻辑 input.form-control(type='text',placeholder=myVar)

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

【讨论】：

【解决方案2】：

不要使用#{variable}，只需使用：

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

【讨论】：