knockout.js - $dataをcssクラスに割り当てる方法は?

Question

文字列値の配列があります。このように配列をループしていますが、

<!-- ko foreach: items -->
<div data-bind="css: {'dkblue': true, $data: true }">
    <span data-bind="text: $data"></span>
</div>
<!-- /ko -->

div は<div class="dkblue data">、$data (および dkblue) の実際の値ではなく、このようになります。

ありがとう。

Answer 1

KO 2.2 では、cssバインディングを使用してクラスを動的に適用できます。これは、次のいずれかを実行できることを意味します。

<div class="dkblue" data-bind="css: $data">

また

<div data-bind="css: 'dkblue ' + $data">