AngularJS and Django - Meetup Django CH #19

What is AngularJS, how is it different from django and how can they combine.

Transcript

1. https:// www.djangoproject.com/s/img/ logos/django-logo-positive.png A marriage of convenience? —
2. AngularJS • Full featured Single Page Application framework • Well documented and widely used Forks (GitHub) 0 1500 3000 4500 6000 Angular.js ackbone Em ber.js Knockout Questions (Stack overflow) 0 6000 12000 18000 24000 Angular.js ackbone Em ber.js Knockout
3. Key features • MVVM framework 㱺 2-way data binding • Templating • Dependency injection
4. Demo Business card template
 https://gist.github.com/gfavre/8594894
5. MVVM $scope View Controller Django: template Django: view Django: context + forms Routes Django: urls.py Django: app Module
6. Integration with Django • AngularJS does not provide a ORM • AngularJS and Django will clash: • templates: {{ }} • urls.py vs routes • Different philosophies / coding practices
7. Solution Angular django-rest-framework or tastypie Django DB JSON
8. Tips ! • Template symbol clash
 app.config(function($interpolateProvider{
 $interpolateProvider.startSymbol(‘{%’);
 $interpolateProvider.endSymbol(‘%}’);
 }]);" • Minify problem
 .controller('ctrl1', ["$scope", 
 function($scope){…}
9. Not solved yet • i18n (same .po?) • urls are hardcoded in my js
10. Demo More complex UI
 https://github.com/gfavre/sportfac