Removing string from ko array

Example of removing a string from an observableArray

by Jason Butz

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script>
<ul data-bind="foreach: arrayOfStrings">
  <li data-bind="text: $data"></li>
</ul>
<button data-bind="click: remove">Remove string2</button>

JavaScript

function ExampleObject() {
	var self = this;
  self.arrayOfStrings = ko.observableArray(['string1','string2','string3']);
  
  self.remove = function() {
  	self.arrayOfStrings.remove('string2');
  };
}

ko.applyBindings(new ExampleObject());