ember.js - 不推荐使用 Ember 绑定(bind)属性，如何使用新的首选方法重写？

Question

我是 Ember 新手，正在尝试更改以下 Handlebars /模板代码行以不使用已弃用的 bind-attr 方法(注意:该代码用于对表格进行排序并相应地显示向上/向下图标，并且取自这里:http://jsbin.com/bebev/1/edit?html,js,output；链接到这里:http://www.jarrodctaylor.com/posts/Filter-And-Sort-Tables-In-Ember/):

<span {{bind-attr class="sortedOnID:sorted glyphiconDirection :glyphicon"}}></span>

我在网上找到了一些示例(例如 https://github.com/machty/emblem.js/issues/242 )，说明如何摆脱已弃用的方法，但我似乎无法将它们应用于此。

我尝试了几种排列方式，但不知道如何重写它以保留旧功能。例如，以下都不适合我:

<span class={{if sortedOnID "sorted glyphiconDirection :glyphicon"}}></span>

<span class={{if sortedOnID "sorted"}} {{if sortedOnID "glyphiconDirection :glyphicon"}}></span>

<span class="{{if sortedOnID "sorted glyphiconDirection :glyphicon"}}"></span>

任何人都可以提供一些指导吗？谢谢!

Answer 1

未经测试，但这是基本思想。

class="{{if sortedOnId 'sorted'}} {{if glyphiconDirection 'glyphicon-direction'}} glyphicon"

使用前导冒号指定的普通旧类按原样给出。

使用 var:class 的条件类替换为 if .

简单变量，如果为真，则转换为虚化的类名，必须使用 if 给出.