蝙蝠侠视图中的动态类名.js



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

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

例如,什么会产生:

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

在蝙蝠侠.js中执行这些操作的最佳实践是什么?也许我应该使用 data-bind 并使用 jquery 检测类?

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

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

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

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

最后,请务必查看蝙蝠侠视图过滤器。您可以按摩输出很多。

最新更新