You can either:
{% load ember %}
from django.template import add_to_builtins
add_to_builtins('ember.templatetags.ember')
| Tag | JS Library |
|---|---|
| {% handlebars_js %} | Handlebars.js (1.0.0-rc.3) |
| {% ember_js %} | Ember.js (1.0.0-RC.3-279-g41b62d7) |
| {% ember_data_js %} | Ember Data (e33b5440973e9f40237ccb85ba72fc138b4027e9) |
| {% tastypie_adapter_js %} | Ember Data Tastypie Adapter (b8277a9b45929fcefb75b5387246b625a9aaf796) |
| {% ember_full_js %} | Ember.js + Handlebars.js + jQuery (optionnal) |
| {% emberpie_js %} | Ember.js + Handlebars.js + jQuery (optionnal) + Ember Data + Tastypie Adapter |
Exemple:
<head>
{% ember_full_js %}
...
</head>
Will render into insert the follwing JS lib script tags:
jQuery loading is optionnal for {% ember_full_js %} and {% emberpie_js %} tags. Simply set jquery keyword to false:
{% ember_full_js jquery=false %}
{% emberpie_js jquery=false %}
Note
If settings.DEBUG=True the unminified versions of library is loaded instead of the minified versions if settings.DEBUG=False.
Django Ember the {% handlebars %} allow to easily write handlebars template for Ember.js. Call the template tag, and write your Handlebars template:
{% handlebars "tpl-infos" %}
{{total}} {% trans "result(s)." %}
<p>{% trans "Min" %}: {{min}}</p>
<p>{% trans "Max" %}: {{max}}</p>
{% endhandlebars %}
The following block will be rendered in your page:
<script type="text/x-handlebars" data-template-name="tpl-infos">
{{total}} result(s).
<p>Min: {{min}}</p>
<p>Max: {{max}}</p>
<script>