JSFiddle - React, Tailwind, and code Playground

by dougiei

HTML

array1 <div data-bind="foreach: myArray1"><div data-bind="text: $data"></div></div>
array 2 <div data-bind="foreach: myArray2"><div data-bind="text: $data"></div></div>
<button data-bind="click: removeAssign">removeAssign</button>
<button data-bind="click: removeAll">removeAll</button>

JavaScript

var ViewModel = function(){
    var self = this;
    self.array = ['1', '2', '3'];
    self.myArray1 = ko.observableArray(self.array);
    self.myArray2 = ko.observableArray(self.array);
    
    self.removeAssign = function() {
        self.myArray1([]);
        self.myArray2.valueHasMutated();
    }
    
     self.removeAll = function() {
        self.myArray1.removeAll();
        self.myArray2.valueHasMutated();
    }
}

ko.applyBindings(new ViewModel());