【问题标题】:Checkbox problems with meteor template and blaze流星模板和火焰的复选框问题
【发布时间】:2014-05-01 09:50:28
【问题描述】:

我有一些代码在 blaze 前运行良好,但在 blaze 后和复选框处理的更改中现在无法按预期运行。

代码很简单

  <div class="modal-footer">
    <label for="packed" class="checkbox-inline input-lg">Packed</label>
      <input type="checkbox" name="packed" id="packed" checked={{isPacked evt}}/>
    {{#if isPacked evt}}
      Packed
    {{else}}
      Not Packed
    {{/if}}
    <label for="delivered" class="checkbox-inline input-lg">Delivered</label>
      <input type="checkbox" name="delivered" id="delivered" disabled={{disDelivered evt}}  checked={{isDelivered evt}}/>
    <button type="button" class="btn btn-default" id="closeEdit">Close</button>
  </div>

“未打包”行按预期显示,但复选框均已选中(尽管两个测试均返回 false)并且已按预期禁用交付。

我终其一生都无法弄清楚为什么现在检查复选框,即使测试返回 false。

【问题讨论】:

    标签: javascript meteor-blaze


    【解决方案1】:

    Blaze 会自动将返回的对象转换为属性,因此您可以在应该选中复选框时从 isPacked 返回{checked:"checked"},或者在不应该选中复选框时隐式返回。

    【讨论】:

    • 我刚刚尝试返回{checked:"checked"},但它没有工作,直到我也将html更改为:&lt;input type="checkbox" name="packed" id="packed" {{isPacked evt}}/&gt;这工作得很好。谢谢@Kelly。
    • 我不确定你是如何在 Meteor 的任何最新版本中使用它的,因为它会导致错误。查看更多详情:github.com/meteor/meteor/wiki/…
    • 这在 0.9.4 中仍然可以完美运行,可以在这个流星垫中看到:meteorpad.com/pad/zyTWugodWr8vBbSnu
    猜你喜欢
    • 1970-01-01
    • 2017-02-09
    • 2018-10-03
    • 2015-09-18
    • 1970-01-01
    • 1970-01-01
    • 2016-05-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多