meteor - 如何在 Meteor 中指示输入控件的 'checked' 或 'selected' 状态(使用空格键模板)？

Question

因此，在使用 Meteor 时，我尝试在空格键模板中保持高效和简洁。但我对处理复选框和选择选项的方式感到困惑。假设我想根据我的集合之一的文档中的标志将一个复选框设置为选中或不选中。我似乎无法执行以下操作:

<input type='checkbox' id='item-{{this.item_id}}' {{#if checked}}checked{{/if}} />

当我尝试此操作时，出现以下错误:

A template tag of type BLOCKOPEN is not allowed here.

如果我尝试以下选项，即使标志为 false，它们也会导致复选框被选中:

<input type='checkbox' id='item-{{this.item_id}}' checked='{{#if checked}}true{{/if}}' />
<input type='checkbox' id='item-{{this.item_id}}' checked='{{#if checked}}true{{else}}false{{/if}}' />

我在选择选项中的 selected 遇到了同样的问题，所以我最终做了类似下面的事情来解决它，这看起来很冗长并且容易出错:

<select id='option-{{this.item_id}}'>
    {{#if option_60}}
        <option value='60' selected>1 hour</option>
    {{else}}
         <option value='60'>1 hour</option>
    {{/if}}

    {{#if option_90}}
         <option value='90' selected>90 mins</option>
    {{else}}
        <option value='90'>90 mins</option>
    {{/if}}

    {{#if option_120}}
         <option value='120' selected>2 hours</option>
    {{else}}
         <option value='120'>2 hours</option>
    {{/if}}
</select>

Answer 1

您可以使用非 block 帮助器来放置此类参数:

UI.registerHelper('checkedIf', function(val) {
  return val ? 'checked' : '';
});

<input type="checkbox" {{checkedIf checked}}>