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>

results matching ""

    No results matching ""