Greetings. I am going to present a simple way to create a chrome plugin using knockoutjs. As you know knockout needs two things. A view and a viewmodel. View is simply written in html file while viewmodel is a javascript object/function which is then bound to view with knockout. For loading view you can see this post.
And for loading viewmodel here is the code.
var pluginViewModel = function(){
// code here
}
// for component
ko.components.register('plugin',{
template : pluginTemplate,
viewModel : pluginViewModel
});
$('body').append('<div data-bind="component:plugin"></div>');
ko.applyBindings()
// For simple viewmodel
$('body').append(pluginTemplate);
ko.applyBindings(new pluginViewModel())
Hope it is very easy and useful. Do reply if you need to ask anything.
Comments
Comment created and will be displayed once approved.