Knockout JS css "else" conditons

Question

I would like to do this in Knockout. ``` ``` Where my javascript model class has this method ``` self.firstPlace = ko.computed(function() { return self.rank() == 1; }); ``` This fails to produce the 'badge-warning' class. I tried a few invocation variations in the data-bind attribute such as `firstPlace == false` and `(!firstPlace)`. Instead I have to add a second inverse method to my model: ``` // YUCK self.notFirstPlace = ko.computed(function() { return self.rank() != 1; }); ``` Of course, this works. And hooray for Knockout JS which really is a lot of fun to use. But this just seems wrong. Anybody have a better method?

Accepted Answer

When you are using logical operations in data-bind attribute you should put `()` after observable or computed names. ``` ```

Knockout JS css "else" conditons

Solution

Problem