javascript - Handlebars : conditionally add attribute

Question

我正在尝试呈现带有选项的选择元素，就像这样

<select dropdown multiple class="dropdown" name="color">
        {{#each colors}}
            <option value="{{value}}" {{isSelected parentColor id}}>{{title}}></option>
        {{/each}}
</select>

我正在使用以下 Handlebars 助手

Handlebars.registerHelper('isSelected', function(input, color) {
    return input === color ? 'selected' : '';
});

问题是 selected 属性没有显示在任何 option 元素上，但是当我放置一个 console.log 在 Handlebars 助手中，我确实看到一个匹配(输入 === 颜色 === 真)。知道我在这里做错了什么吗？

Answer 1

这是所描述内容的一个工作示例，

http://jsfiddle.net/rtLGR/

健康管理系统

<h1>Handlebars JS Example</h1>
<script id="some-template" type="text/x-handlebars-template"> 

    <select dropdown multiple class="dropdown" name="color">
        {{#each colors}}
            <option value="{{value}}" {{isSelected parentColor id}}>{{title}}</option>
        {{/each}}
</select>
</script>

js

var source = $("#some-template").html();
var template = Handlebars.compile(source);

var data = {
    colors: [
        {id:1,value:1,title:"red",parentColor:2},
        {id:2,value:2,title:"green",parentColor:2},
        {id:3,value:3,title:"blue",parentColor:1}
    ]
};


Handlebars.registerHelper('isSelected', function (input, color) {
    return input === color ? 'selected' : '';
});

$('body').append(template(data));