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拥有的类。

你可以更进一步，随心所欲地放置任何你喜欢的东西。您可以绑定到大多数属性，它们将更新。不要忘记，通过不指定属性（vanilla data-bind），Batman将默认为逻辑内容，通常是标记的内容，或者在input元素的情况下，{{1} }。

最后，请务必查看Batman view filters。你可以按摩输出很多。