模板 {{#with}} 崩溃表单字段值检索答案

【问题标题】：template {{#with}} crash form field value retrieval模板 {{#with}} 崩溃表单字段值检索
【发布时间】：2013-02-10 23:56:32
【问题描述】：

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

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

}

有一个 'data' 帮助器，它返回一个版本中的数据库对象

HTML 表单：

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

我曾尝试以这种方式在模板中使用 "with"：

<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>

但这使得我的表单数据检索功能无用。有人能解释一下这种效果吗？

【问题讨论】：

标签： javascript meteor handlebars.js

【解决方案1】：

您不能使用{{#with data}}，因为数据就是对象本身。

例如

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

如果您有一个名为 data 的键，您可以使用 {{#with data}} 引用数据

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

【讨论】：