Ember.js Ember bind attr已弃用，如何使用新的首选方法重写？

我是一名Ember新手，正在尝试更改以下代码的手柄/模板行，以避免使用不推荐的bind attr方法（注意：该代码用于对表进行排序并相应地显示向上/向下图标，并取自此处：；链接至此处：）：

我在网上找到了一些关于如何摆脱不推荐的方法的例子（例如），但我似乎无法将它们应用于此

我尝试了几种排列，但不知道如何重新编写以保留旧功能。例如，以下各项均不适用于我：

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

---

有人能提供一些指导吗？谢谢

未测试，但这是基本想法

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

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

使用

var:class

的条件类将替换为

if

必须使用

if

给出简单变量，如果为true，则将其转换为dasherisized类名

---

您也可以使用

来替换
var:：class
行为，这毫无意义。感谢您的回复，torazaburo。我还是很难让它工作。你能不能说一点关于为什么在你的例子中glyphicon“part必须在第二个大括号之外？我不明白在你的列表中发生了什么

，

：class

意味着添加字面类名

class

。使用新语法的等效方法是将

class

放在类列表中的花括号外。这很有意义，谢谢。我们能够完成此任务。感谢您的帮助。对于任何好奇的人，请注意，我在or中有一个输入错误原始sortedOnId，并且最初也应该提到glyphiconDirection正在调用函数。

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