Javascript multiple conditionals?

Question

So with Knockout I can show text based on if a condition returns true or false like this:

data-bind="text: status==0 ? 'Sent' : 'Failed'"

However, I need to add another condition, so that if status==1 then it returns Pending. I guess this probably just a general JS question vs Knockout.

Anyway, is it possible to do something like that? Thanks!

Anders · Accepted Answer · 2013-11-23 11:25:56Z

2

Sounds like you really want to use Knockout's Computed Observables. This will allow you to return different computed values based on your status.

function ViewModel() {
  this.status = ko.observable();
  this.statusText = ko.computed(function() {
    if (this.status() == 0) {
      return 'sent'
    } else {
      return 'failed';
  }, this);
}

edited Nov 23, 2013 at 11:25

Anders

17.6k10 gold badges86 silver badges149 bronze badges

answered Nov 23, 2013 at 2:54

Jason

1,9791 gold badge16 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Caleb Over a year ago

That's what it was!! I could've sworn there was a way to use a function in a binding like that, I just couldn't find it again. Thanks! :)

Jason Over a year ago

No prob. Just updated the answer because I submitted before I finished my code example.

Anders Over a year ago

Also the logic is moved to the VM, much cleaner

Collectives™ on Stack Overflow

Javascript multiple conditionals?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related