如何在使用无容器控制stream的同时数据绑定div的“class”或“id”属性?

我正在Knockout 2.0.0发布伟大的新的无容器控制stream(新function编号2)或http://jsfiddle.net/StevenSanderson/8vms5/light

<ul> <li><strong>Here is a static header item</strong></li> <!-- ko foreach: products --> <li> <em data-bind="text: name"></em> <!-- ko if: manufacturer --> &mdash; made by <span data-bind="text: manufacturer.company"></span> <!-- /ko --> </li> <!-- /ko --> </ul> 

如果我想要类似于<li class =“$ {name}” > </ li>的话

这在使用模板时是微不足道的,但是我现在无法使其工作。
我试过<li data-bind ='class:name' > </ li>,但徒劳无功。

我是新来的,请放轻松点。

你可以使用css 绑定 。 它可以用两种方式。 无论是dynamic类(或类的列表):

 <li data-bind="css: name"></li> 

或者将单个类别与真/假值绑定,以表明是否应该添加/删除元素:

 <li data-bind="css: { classOne: hasClassOne, classTwo: hasClassTwo }"></li> 

截至2012年年中,现在有“CSS”绑定直接绑定到类名。

例如:

 <li data-bind="css: className">**content**</li> 

以防万一,如果有人想知道如何使用带有id属性的“css”属性,我同时使用“css”和id属性,对于我来说,如果“css”属性不是第一个属性,所以保持“ CSS“属性作为你的拳头之一。

 <div class="panel-collapse collapse" data-bind="css:{in:$index()==0}, attr: { id:'collapse'+$index()} "> ... ... ... </div>