Adding multiple classes with knockout css binding

Question

I need to add two classes to an element using the css binding.

For example:

<div class="animal" data-bind="css: mammal, dog"></div>

However this only adds the first class, "mammal".

Please could you tell me what I'm doing wrong. Thanks

Answer 1

Try this:

<div class="animal" data-bind="css: {mammal:true, dog:true}"></div>

See documentation

Answer 2

you can also use a string like this:

<div class="animal" data-bind="css:{'mammal dog':true}"></div>