javascript - Batman.js 视图中的动态类名

Question

我的问题与在 Backbone.js 视图中动态设置 id 和 className非常接近，但对于 batman.js。在蝙蝠侠中有data-addclass方法，但我需要这样的东西：

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

例如会产生什么：

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

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

Answer 1

data-bind-最简单的方法是直接对您想要更改的属性执行 a ，在这种情况下为class。

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

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

你可以更进一步，把你想要的任何东西放在任何地方。您可以绑定到大多数属性，它们会更新。不要忘记，通过不指定属性（香草data-bind），蝙蝠侠将默认为符合逻辑的内容，通常是标签的内容，或者在input元素的情况下，value.

最后，一定要看看蝙蝠侠视图过滤器。您可以稍微按摩一下输出。