如何在 batman.js 中绑定多个类？答案

【问题标题】：How do I bind multiple classes in batman.js?如何在 batman.js 中绑定多个类？
【发布时间】：2013-11-19 13:44:18
【问题描述】：

我正在构建一个 Dashings 仪表板并使用 font-awesome 在小部件中显示图标。我正在尝试将动态类和静态类绑定到 html 中的一个标记，例如

<i data-bind-class="item.icon icon-large"></i>

但显然这是行不通的。什么是正确的方法才能使两个类都适用？

【问题讨论】：

动态类是什么原因？也许有一种不同的方法可以在没有动态类的情况下完成你想要的？你可以使用 JS
好吧，图标正在根据确定在 Ruby 作业中显示的内容而变化。据我了解，这就是蝙蝠侠绑定的全部目的。我只需要将它们结合起来。我实际上认为我可以将 Ruby 作业中的图标设置为“icon-circle icon-large”之类的东西，然后当它被传递时 item.icon 将正确填充它。我将不得不试一试。

【解决方案1】：

使用蝙蝠侠的append 视图过滤器。例如：

<i data-bind-class="item.icon | append ' icon-large'"></i>

请注意，传递给append 的字符串文字应该用引号括起来！

【讨论】：