javascript - Meteor 复选框 - 将表达式的值显示为字符串，而不解释为 bool 值

Question

我已经实现了一个复选框，它工作得很好。

HTML:

<form>
    <ul>
        {{#each checkbox}}
        <li>
            <input type="checkbox" checked="{{checked}}" class="toggle-checked"> {{name}}: {{checked}}
        </li>
        {{/each}}
    </ul>
</form>

JS:

Cbtest = new Mongo.Collection('cbtest');

Template.checkbox.helpers({
    checkbox: function () {
        return Cbtest.find();
    }
});

Template.checkbox.events({
    "click .toggle-checked": function () {
       var self = this;
        Meteor.call("setChecked", self._id, !self.checked);
    }
});

Meteor.methods({
    setChecked: function (checkboxId, setChecked) {
        Cbtest.update(checkboxId, {
            $set: {
                checked: setChecked
            }
        });
    }
});

我想根据复选框的状态显示值(“true”或“false”)。现在看来，表达式“{{checked}}”被评估为真或假，如果为真，则返回相应文档条目的值。我怎样才能将内容显示为字符串(“true”/“false”)？

提前致谢!电压

Answer 1

您可以添加另一个帮助器，使用 toString() 函数将 checked Bool 转换为字符串:

checkedString: function () {
  return this.checked.toString();
}

然后在模板中使用这个助手:

<input type="checkbox" checked="{{checked}}" class="toggle-checked"> {{name}}: {{checkedString}}

看到这颗 meteor pad进行演示。