2

(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>

単一のクラスをバインドできますが、データからクラスを結合し、静的クラスを追加することはできません。

明確にするために、型のセットは定義されていないため、データで「type:」として指定されたものはすべて、li 要素のクラスとして追加する必要があります。

4

1 に答える 1

1

何が機能していないかを示していません...

ただし、同じ要素でtextおよびcssバインディング(クラスを追加および削除するだけで、既存のクラスには何もしません) を使用できます。

したがって、dataプロパティで配列を渡すと、次のバインディングでサンプル出力が生成されます。

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

JSFiddleのデモ。

于 2013-06-07T14:16:14.620 に答える