http://stackoverflow.com/questions/43106723/component-paramaters-not-updating

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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.min.js"></script>
<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>
  <foo-template params="value: foo"></foo-template>
  <span data-bind="text: ko.toJSON(foo)"></span>
</div>

JavaScript

ko.components.register('foo-template', {
    viewModel: { createViewModel: model },
    template: template()
});

function model(params){
    var viewModel = {};
    viewModel.foo = params.value;
    //viewModel.foo = ko.observable('internal value');
    return viewModel;
}

function template(){
    var template =`<input type="text" data-bind="textInput: foo"></input>`;
    return template;
}

ko.applyBindings({foo: ko.observable('test')});