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.
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.