mustache - 带有 Mustache 模板的 radio 输入

Question

我正在尝试使用 mustache 模板来呈现非常简单的表单，但是，其中一个表单具有一组单选按钮。我不知道如何在呈现表单时选择正确的单选按钮。

这是很简单的东西，我只是错过了一些东西，还是 mustache 的“无逻辑”方面真的阻止我撕裂像单选按钮这样基本的东西？

我的数据看起来像这样:

data = { gender: 'female' }

<form>
  <label><input type="radio" name="gender" value="male"> Male</label>
  <label><input type="radio" name="gender" value="female"> Female</label>
</form>

Answer 1

您可以使用 lambda 来完成此操作:

var data = {
    gender: 'female',
    wrapped: function () {
        return function (text) {
            return text.replace('value="' + this.gender+'"', 'value="' + this.gender+'" checked');
        }
    }
};

<form>
    {{#wrapped}}
    <label><input type="radio" name="gender" value="male"> Male</label>
    <label><input type="radio" name="gender" value="female"> Female</label>
    {{/wrapped}}
</form>

看看 full example如果你有任何问题我用过。

更新:

Justin Hileman 向我展示了另一种方法:

<form>
<label><input type="radio" name="gender" value="male"{{#maleIsDefault}} checked{{/maleIsDefault}}>
Male</label>
<label><input type="radio" name="gender" value="female"{{#femaleIsDefault}} checked{{/femaleIsDefault}}> Female</label>
</form>

var data = {
        gender: 'female',
        maleIsDefault: function() {
            return this.gender == 'male';
        },
        femaleIsDefault: function() {
            return this.gender == 'female';
        }
};

完整示例 here .