Login

Django with AngularJS

Author:
jokerejoker
Posted:
July 13, 2012
Language:
Python
Version:
1.4
Score:
0 (after 0 ratings)

This is a simpel snippet to prevent conflict between Django and AngularJS template syntax.

It is possible to change the AngularJS syntax, but this can cause compatibility problems, so I figured that this was a better solution.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
"""
filename: angularjs.py

Usage:
	{% ng Some.angular.scope.content %}
	
e.g.
	{% load angularjs %}
	<div ng-init="yourName = 'foobar'">
		<p>{% ng yourName %}</p>
	</div>
"""

from django import template

register = template.Library()

class AngularJS(template.Node):
	def __init__(self, bits):
		self.ng = bits

	def render(self, ctx):
		return "{{%s}}" % " ".join(self.ng[1:])

def do_angular(parser, token):
	bits = token.split_contents()
	return AngularJS(bits)

register.tag('ng', do_angular)

More like this

  1. Template tag - list punctuation for a list of items by shapiromatron 11 months, 2 weeks ago
  2. JSONRequestMiddleware adds a .json() method to your HttpRequests by cdcarter 11 months, 3 weeks ago
  3. Serializer factory with Django Rest Framework by julio 1 year, 6 months ago
  4. Image compression before saving the new model / work with JPG, PNG by Schleidens 1 year, 7 months ago
  5. Help text hyperlinks by sa2812 1 year, 7 months ago

Comments

Please login first before commenting.