ko.mustache.js

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 47 Open GitHub ↗

Template engine for knockoutjs using Mustache as template library.

Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

#ko.mustache.js

ko.mustache.js is a template engine for [knockoutjs](http://knockoutjs.com). It enables you to use [mustache.js](https://github.com/janl/mustache.js/) template library in place of jQuery.tmpl.

Tested with Knockout v2.1 and mustache.js v0.5.1-dev.

##Usage

Set default template engine to be used by Knockout. Make sure you do that **before** of your custom Knockout related code (like creating observables, applying bindings etc.).

// Set ko.mustache.js as a template engine for knockout
	ko.setTemplateEngine(new ko.mustacheTemplateEngine());

##Example

<html>
	<head>
		<title>ko.mustache.js example</title>
		<script type="text/javascript" src="lib/mustache.js"></script>
		<script type="text/javascript" src="lib/knockout-2.1.0.js"></script>
		<script type="text/javascript" src="ko.mustache.js"></script>
		<script>
			ko.setTemplateEngine(new ko.mustacheTemplateEngine());
		</script>
	</head>
	<body>
		
		<div data-bind='template: "personTemplate"'></div>

<script id='personTemplate' type='text/html'>
			{{ name }} is {{ age }}
			<button data-bind='click: makeOlder'>Make Older</button>
		</script>
	
		
		<script type='text/javascript'>
			var viewModel = {
				name: 'Martin',
				age: ko.observable(78),
				makeOlder: function () {
					this.age(this.age() + 1);
				}
			};
			ko.applyBindings(viewModel);
		</script>
	</body>
	</html>

ko.mustache.js

Download

Today's picks

Was this content helpful?

Recent Feedback

ko.mustache.js

Download

Today's picks

Was this content helpful?

Recent Feedback

Download README