Skip to content

Update Mustache render function (.to_html deprecated now). #43

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Update Mustache render function (.to_html deprecated now). #43

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
b05f6f9
Update render function (.to_tml not deprecated) now.
alexis-renard May 2, 2020
ae90d2e
Add current version of the libraries (mustache and jquery).
alexis-renard May 2, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 16 additions & 16 deletions examples/usage-example.htm
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,52 +1,52 @@
<html>
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="https://raw.github.com/janl/mustache.js/master/mustache.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script src="../src/mustache.js" type="text/javascript"></script>
<script src="../src/jquery.mustache.js" type="text/javascript"></script>
<script type="text/javascript">
(function ($) {
// Configure jquery-Mustache to warn on missing templates (to aid debugging)
$.Mustache.options.warnOnMissingTemplates = true;

// Loading templates embedded in the DOM. (HTML)
$(function () {
$(function () {
var output = $('#dom-templates-output');

// Add all templates found in the DOM (it will search for <script> blocks which
// are of type 'text/html'. Nb: jQuery.onReady must have fired before calling.
// Add all templates found in the DOM (it will search for <script> blocks which
// are of type 'text/html'. Nb: jQuery.onReady must have fired before calling.
$.Mustache.addFromDom();

// Render out one of the templates.
output.mustache('dom-template-a', { name: 'World' });
});

// Load in some template from an external file.
$.Mustache.load('templates.htm')
.fail(function () {
.fail(function () {
$('#external-templates-output').append('Failed to load templates from <code>templates.htm</code>');
})
.done(function () {
.done(function () {
var output = $('#external-templates-output');

// List all loaded templates.
output.append('<p>Templates loaded from <code>templates.htm</code>: ' + $.Mustache.templates().join(', ') + '</p>');

// Render an example template
output.append($.Mustache.render('hello-world', { name: 'Jonny' }));

// We can also directly call `mustache` on a jQuery element
output.mustache('hello-world', { name: 'Dave' });

// jQuery-Mustache supports partials (including templates inside other templates).
output.append($.Mustache.render('partial-example', { name: 'Jonny', title: 'A Partial Example' }));

// We can add new templates as Strings at runtime.
$.Mustache.add('string-template', '<p>String templates are {{adjective}}</p>');
output.append($.Mustache.render('string-template', { adjective: '...epic?' }));

// And we can render plaintext templates that have no HTML.
output.append($.Mustache.render('plaintext'));

// We can render a collection of viewModels instead of one-at-a-time.
var peeps = [{ name: "sean", fuel: "cake" }, { name: "cat", fuel: "coffee" }];
output.append('<ul/>').mustache('peeps-list-item', peeps);
Expand All @@ -59,7 +59,7 @@

output.append($.Mustache.render('single-template', { name: "Dave" }));
});

})(jQuery);
</script>
</head>
Expand Down
8 changes: 4 additions & 4 deletions src/jquery.mustache.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -60,8 +60,8 @@
* Adds one or more tempaltes from the DOM using either the supplied templateElementIds or by retrieving all script
* tags of the 'domTemplateType'. Templates added in this fashion will be registered with their elementId value.
*
* @param [...templateElementIds] List of element id's present on the DOM which contain templates to be added;
* if none are supplied all script tags that are of the same type as the
* @param [...templateElementIds] List of element id's present on the DOM which contain templates to be added;
* if none are supplied all script tags that are of the same type as the
* `options.domTemplateType` configuration value will be added.
*/
function addFromDom() {
Expand Down Expand Up @@ -120,7 +120,7 @@
}
return '';
}
return getMustache().to_html(templateMap[templateName], templateData, templateMap);
return getMustache().render(templateMap[templateName], templateData, templateMap);
}

/**
Expand Down Expand Up @@ -207,4 +207,4 @@
});
};

}(jQuery, window));
}(jQuery, window));
Loading