Knockout lazy-template

It is a small binding that lets you auto download templates for knockoutjs. If your templates are located in a structured way and you can let say get them by template name. Then this plugin might be what you are looking for.

How to use:

Load the file located in the folder src after loading knockoutjs.

On any element and virtual element you can write something like this

<div data-bind="lazy-template: 'reports', data: $data"></div>

In your code you'll have to call init before applying bindings with a loader function.

The loader function takes two parameters:

• name: name of the template
• callback: a callback function that returns the content of the template as text

You can init the plugin like this:

ko.lazyTemplate.init({
    loader: function (name, callback){
        jQuery.get('/templates/' + name + '.html', callback);
    }
});

In this example, we get the template with jQuery and send back the result to the template. As long as the template isn't fetched, nothing will be displayed.