我的问题非常接近在 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
。
最后,请务必查看蝙蝠侠视图过滤器。您可以按摩输出很多。