ViewModel lifecycle manager for (parts of) KnockoutJS applications. Offers more flexibility than built-in KO components and prevents unnecessary reflows.
var show = kontainer.create(Element|String target)
Returns function to replace the contents of the given target element. The target element can be given as a DOM element or a selector expression.
show(DOM|String template, Object viewModel)
Binds and renders the template to the previously set target. Template can be either a DOM element/document fragment or a string. Unbinds previously set viewModel.
The viewModel can have the following methods defined:
inserted(DOM target)- called when the template is inserted into the DOM tree.
bound(DOM target)- called when the viewModel is bound to the DOM tree.
dispose(DOM target)- called when the template and the viewModel are replaced.
inserted callback is called before
bound as the template is
inserted into the DOM tree before the bindings are applied.
var show = kontainer;document;
Creates target on element with id
content and sets up a link handler to replace its
contents with the given template and view model.
kontainer.js uses CommonJS module format.
contains minified build in UMD format that supports both AMD and CommonJS environments and also
If installed through NPM then the module can be directly used in browserify by simply require()'ing it:
var kontainer = require('kontainer');
Install build dependencies:
Run static server:
The MIT License.