javascript - Knockout switch-case plugin is not hiding/showing the correct value

Question

I'm using the knockout-switch-case extension plugin, and I am having a difficult time getting it to work with even the simplest of code. Using knockout 3.0, below is the code I'm using; both the I'm a boolean! and I'm an other text will be shown.

// Javascript
ko.applyBindings({type: 'integer'});

<!-- Html bindings -->
<div>
  <!-- ko switch: type -->
  <!-- ko case: 'boolean' -->
  <span> Im a boolean!</span>
  <!-- /ko -->
  <!-- ko case: $else -->
  <span> Im an other!</span>
  <!-- /ko -->
  <!-- /ko -->
</div>

Here's a JSFiddle of the code. Am I doing something incorrect in use of this plugin?

Answer 1

You're referencing the github page of the script, not the script file itself.

Correct path: https://raw.githubusercontent.com/mbest/knockout-switch-case/master/knockout-switch-case.min.js.

P.S.: For JSFiddle, <script> tag type attribute should be equal to text/javascript.

Demo: JSFiddle