我有一个这样的把手模板：
<script type="text/x-handlebars" data-template-name="sections">
{{#each section in controller}}
{{#linkTo "section" section}} {{ section.label }} {{/linkTo}}
{{/each}}
</script>
一切都很好.
我的模型对象如下所示：
App.Section = DS.Model.extend({
sectionDetail: DS.attr('number'),label: DS.attr('string'),cssClass: DS.attr('string')
});
我想使用“#linkTo”帮助器中的“cssClass”属性.现在,怎么做(语法上)？
我尝试过这个,但这显然不起作用,因为使用{{section.cssClass}}不渲染section.cssClass的值,而是渲染裸字符串“{{section.cssClass}}”).
<script type="text/x-handlebars" data-template-name="sections">
{{#each section in controller}}
{{#linkTo "section" section class="{{section.cssClass}}"}} {{ section.label }} {{/linkTo}}
{{/each}}
</script>
解决方法
对于其他任何人来说,解决方案是使用classNamesBindings.
<script type="text/x-handlebars" data-template-name="sections">
{{#each section in controller}}
{{#linkTo "section" section classNameBindings="section.cssClass"}}
{{section.label }}
{{/linkTo}}
{{/each}}
</script>
