knockout.js - 淘汰赛：如何从属性绑定类，并添加静态类

Question

（使用 ko 2.2.1）

我有一个收藏：

[
    { name: "foo", type: "bar" },
    { name: "zap", type: "fox" }
]

我希望将其绑定到 ul/li 列表，以便最终结果如下所示：

<ul>
  <li class="icon bar">foo</li>
  <li class="icon fox">zap</li>
</ul>

我可以绑定一个类，但是从数据中组合一个类，然后添加一个静态类是行不通的。

需要明确的是，未定义类型集，因此数据中以“类型：”形式给出的任何内容都应作为类添加到 li 元素上

Answer 1

你还没有显示什么不起作用......

但是，您可以在同一个元素上使用textandcss绑定（它只是添加和删除类，它不会对已经存在的类做任何事情）。

因此，如果您在data属性中传递数组，则以下绑定会生成您的示例输出：

<ul data-bind="foreach: data">
    <li class="icon" data-bind="text: name, css: type" />
</ul>

演示JSFiddle。