Batman.js视图中的动态类名

Question

我的问题非常接近Setting id and className dynamically in Backbone.js views，但是针对batman.js。在蝙蝠侠中有data-addclass方法，但我需要这样的东西：

<span data-class="item.color"></span>

例如，将产生什么：

<span class="yellow"></span>

在batman.js中执行此类操作的最佳实践是什么？也许我应该使用data-bind并通过jquery检测类？

Answer 1

最简单的方法是直接对您想要更改的属性执行data-bind-，在本例中为class。

<span data-bind-class="someBatmanVariable">Here is my content</span>

其中，someBatmanVariable只是您在控制器中设置的东西，它解析为您希望span拥有的类。

你可以更进一步，把你想放的东西放在任何地方。您可以绑定到大多数属性，它们将会更新。不要忘记，如果没有指定属性(一个普通的data-bind)，蝙蝠侠将默认使用一些符合逻辑的内容，通常是标签的内容，如果是input元素，则使用value。

最后，一定要看一下Batman view filters。您可以对输出进行相当多的处理。