Components of KnockoutJS

Components of KnockoutJS

Components are way of organizing the UI code for structure wise and promote code re-usability for a large application.

Components can be registered using the ko.components.register() API.

ko.components.register('componentname', {
   viewModel: {...},
   template: {....)
<!DOCTYPE html>
<title>Components of KnockoutJS</title>
<script src=""></script>
    <h4>Example 1: without parameters</h4>
    <div data-bind='component: "example-editor"'></div>
    <h4>Example 2: passing parameters</h4>
    <div data-bind='component: {name: "example-editor",    params: { initialText: "Hi! there." }}'></div>

    ko.components.register('example-editor', {
    viewModel: function(params) {
        this.str = ko.observable(params && params.initialText || '');
    template: 'Result: <input data-bind="value: str" /> ' + '<br />' + 'Characters: <span data-bind="text: str().length"></span>'

Leave a Reply

Your email address will not be published. Required fields are marked *