http://stackoverflow.com/questions/41924113/inherited-knockout-template-that-i-cannot-get-working

by jlspake

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.1/knockout-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div>
  <p>Rate: <strong data-bind="text: rate"></strong></p>
  <div data-bind="template: { name: 'percentage-template', data: { data: rate, enable: secure }}"></div> 
</div>

<script type="text/html" id="percentage-template">
      <div class="input-group">
          <input type="text" 
          class="form-control" 
          data-bind="value: data, 
                  precision: precision || 2, 
                  isPercent: isPercent || true, 
                  enable: enable || true"
          />
          <span class="input-group-addon">%</span>
  </div>
</script>

JavaScript

var viewModel = function(){
	var self = this;
   
  this.rate = ko.observable(.01);
  this.secure = false;
}

ko.applyBindings(new viewModel());