javascript - 模板 {{#with}} 崩溃表单字段值检索

Question

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

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>

我曾尝试以这种方式在模板中使用“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>

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

Answer 1

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

例如

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

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

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