Class Binding
Classes can be added to an element when binding occurs, using the logic comprison functions is()
or not()
Given then data:
let person = {
name: "Indigo Montana",
quote: "You killed my father"
And the template
<div data-bind-class="is({{ person.name }},Indigo Montana)?class-one:class-two" >
Hello my name is {{ person.name }}. {{ person.quote }}.
</div>
<div data-bind-class="not({{ person.name }},Indigo Montana)?class-one:class-two" >
Hello my name is {{ person.name }}. {{ person.quote }}.
</div>
The output would be
<div class="class-one">
Hello my name is Indigo Montana. You killed my father.
</div>
<div class="class-two">
Hello my name is Indigo Montana. You killed my father.
</div>