我有一个这样的把手模板:
<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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。