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. "Magic Link" Management Command by webology 4 months, 1 week ago
  2. Closest ORM models to a latitude/longitude point by simonw 4 months, 1 week ago
  3. Log the time taken to execute each DB query by kennyx46 4 months, 1 week ago
  4. django database snippet by ItsRLuo 4 months, 2 weeks ago
  5. Serialize a model instance by chriswedgwood 5 months, 2 weeks ago

Comments

Please login first before commenting.