javascript - Batman.js View 中的动态类名称

Question

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

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

例如会产生什么:

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

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

Answer 1

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

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

其中 someBatmanVariable 只是您在 Controller 中设置的内容，它解析为您希望 span 具有的类。

您可以更进一步，将您想要的任何内容放在任何地方。您可以绑定(bind)到大多数属性，它们会更新。不要忘记，如果不指定属性(普通的数据绑定(bind))， bat 侠将默认为逻辑内容，通常是标签的内容，或者在输入的情况下> 元素，值。

最后，请务必查看 Batman view filters 。您可以对输出进行很大程度的调整。