ES6 and Knockout afterRender call back from Template Binding - Issue

by bmh_ca

HTML

<script src="https://unpkg.com/[email protected]/dist/ko.js"></script>
<!-- <input type="button" data-bind="value: 'Test Render Handler', click: renderHandler" /> -->

<div data-bind="template:{afterRender: $data.renderHandler}">
  <span data-bind="text: mySpanText"></span>
</div>

Babel + JSX

class ViewModel{
	constructor(){
  	this.mySpanText = ko.observable("Initial Text");
  }
  
  renderHandler(){
  	this.mySpanText("Text from Render Handler");
  }
}

ko.applyBindings(new ViewModel());