Javascript #linkTo helper中的动态CSS类字符串（使用ember.js版本pre4）

我有一个把手模板，如下所示：

<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}”

{{#控制器中的每个部分}
{{{#linkTo“section”section class=“{{section.cssClass}}}}{{section.label}}{{/linkTo}}
{{/每个}}

---

我找不到一个可行的解决方案，有人能给我指出正确的方向吗，或者很简单，不可能实现我想要做的事情？我应该以不同的方式构建链接吗？

对于其他在这里遇到障碍的人，解决方案是使用

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>

{{#控制器中的每个部分}
{{{#链接到“section”section classNameBindings=“section.cssClass”}
{{section.label}}
{{/linkTo}
{{/每个}}

是的，我有这个：

<input type="checkbox" {{bind-attr class=":toggle isLiked:toggleHighlight"}}>

因此，classNameBindings到rescue：

{{input type="checkbox" checked=isLiked classNameBindings=":toggle isLiked:toggleHighlight"}}

---

我个人没有使用过

#linkTo

帮助程序，但通常在视图中，您应该使用

类名

分配类，或者在本例中使用

类名绑定

。{{{链接到“section”section classNameBindings=“section.cssClass”}}谢谢：{{{链接到“section”section classNameBindings=“section.cssClass”}做到了！！

{{input type="checkbox" checked=isLiked}}

{{input type="checkbox" checked=isLiked classNameBindings=":toggle isLiked:toggleHighlight"}}