knockout.js - ノックアウトjsでクラス名をバインドする3つの異なる方法

Question

ノックアウトjsにcssクラス名をバインドする3つのメソッドが存在するのはなぜですか?違いは何ですか?

   1. <div data-bind="class: name"> // jquery is needed

   2. <div data-bind="attr: { class: name}">

   3. <li data-bind="css: name">

Answer 1

attr: { class: name}class属性全体にバインドします。したがって、要素に適用されるすべてのクラスを知っている必要があります。

css: name1 つ以上の名前付きクラスのみをバインドします。したがって、HTML がある場合:

<span class="myclass" data-bind="css: myOtherClass">

私は2つのクラスになる可能性があります:myclassとmyOtherClass

あなたのclass: name構文についてはわかりません。それに関するドキュメントが見つかりませんか？

編集:classバインディングは、バインディングの古いノックアウト構文である可能性があると思いますcss。Github でwiki ページを見つけることができますが、現在のソース コードはありません。