如何在使用无容器控制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>，但徒劳无功。

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

Answer 1

你可以使用css 绑定 。 它可以用两种方式。 无论是dynamic类（或类的列表）：

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

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

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

Answer 2

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

例如：

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

Answer 3

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

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