Jade динамическая форма заполнителя

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

Вы можете заключить это в кавычки, использовать простую переменную, назначить ее чему-то другому и затем использовать это...

1. Метод: Оберните это:

   input.form-контроль (тип = 'Текст', заполнитель ='#{val.rate.N}')

2. Метод: простая переменная, как в ответе Crnag:

   input.form-контроль (тип = 'Текст', заполнитель =val.rate.N)

3. метод: назначьте это чему-то другому, затем используйте это:

   • var myVar = val.rate.N // Подходит для выполнения некоторой логики при необходимости input.form-control(type='text',placeholder=myVar)

Каждый из них будет добавлять стандартные HTML-двойные кавычки вокруг атрибута заполнителя.

Answer 2

Вместо использования #{variable} просто используйте:

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