Batman.js视图中的动态类名

Mik*_*Mik 2 javascript jquery batman.js

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

<span data-class="item.color"></span>
Run Code Online (Sandbox Code Playgroud)

例如:

<span class="yellow"></span>
Run Code Online (Sandbox Code Playgroud)

在batman.js中执行此类操作的最佳做​​法是什么?也许我应该使用data-bindjquery来检测类?

Ter*_*ubb 7

最简单的方法是data-bind-直接在您想要更改的属性上执行,在这种情况下class.

<span data-bind-class="someBatmanVariable">Here is my content</span>
Run Code Online (Sandbox Code Playgroud)

someBatmanVariable你在控制器中设置的东西在哪里可以解析为你想span拥有的类.

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

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