template {{#with}}崩溃表单字段值检索

时间:2012-12-02 00:35:10

标签: javascript meteor handlebars.js

我正在使用此代码检索页面中的表单字段。

Javascript文件:

'click #btnSave' : function() {
  var params = {'formField1':'','formField2':''};
  for (var key in params) {
    if (key in this)
      params[key] = this[key].value;      
    }

  // ... database save logic

}

有一个'数据'帮助器,它在版本中返回一个数据库对象

HTML表单:

<form>
  <div>
    <label for="formField1">Field 1</label>
    <input id="formField1" value="{{data.formField1}}">
    <button id="btnSave" type="button">Save</button>
  </div>
</form>

我试图以这种方式在模板中使用“和”

<form>
  <div>
    {{#with data}}
    <label for="formField1">Field 1</label>
    <input id="formField1" value="{{formField1}}">
    <button id="btnSave" type="button">Save</button>
    {{/with}}
  </div>
</form>

但这使我的表单数据检索功能无用。有人可以解释这种影响吗?

1 个答案:

答案 0 :(得分:1)

您无法使用{{#with data}},因为数据本身就是对象。

e.g

data = {"formField1":"value", "formField2":"value2"}

如果您有一个名为数据的密钥,则可以使用{{#with data}}

引用数据
data = { "data" : { "formField1":"value", "formField2":"value2" } };