|
|
@@ -51,16 +51,16 @@ If you need a template for a dynamic part in a static website, you can consider |
|
|
<html> |
|
|
<html> |
|
|
<body onload="loadUser"> |
|
|
<body onload="loadUser"> |
|
|
<div id="target">Loading...</div> |
|
|
<div id="target">Loading...</div> |
|
|
<textarea id="template" style="display:none;"> |
|
|
|
|
|
|
|
|
<script id="template" type="x-tmpl-mustache"> |
|
|
Hello {{ name }}! |
|
|
Hello {{ name }}! |
|
|
</textarea> |
|
|
|
|
|
|
|
|
</script> |
|
|
</body> |
|
|
</body> |
|
|
</html> |
|
|
</html> |
|
|
``` |
|
|
``` |
|
|
|
|
|
|
|
|
```js |
|
|
```js |
|
|
function loadUser() { |
|
|
function loadUser() { |
|
|
var template = $('#template').val(); |
|
|
|
|
|
|
|
|
var template = $('#template').html(); |
|
|
Mustache.parse(template); // optional, speeds up future uses |
|
|
Mustache.parse(template); // optional, speeds up future uses |
|
|
var rendered = Mustache.render(template, {name: "Luke"}); |
|
|
var rendered = Mustache.render(template, {name: "Luke"}); |
|
|
$('#target').html(rendered); |
|
|
$('#target').html(rendered); |
|
|
|
