JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="newApp">
<div id="content" ng-controller="UserListControl" class="ng-scope">
[[ users.length ]]
<p ng-repeat="user in users">[[user.name]], ([[user.type]])</p>
</div>
</div>
<script src="http://code.angularjs.org/angular-1.0.0.min.js"></script>
JavaScript
var newApp = angular.module('newApp', [])
.config(function($interpolateProvider) {
// To prevent the conflict of `{{` and `}}` symbols
// between django templating and angular templating we need
// to use different symbols for angular.
$interpolateProvider.startSymbol('[[');
$interpolateProvider.endSymbol(']]');
});
function UserListControl($scope) {
$scope.users = [{
name: 'John Doe',
'type': 'Platinum',
},
{
'name': 'Matt Hill',
'type': 'Gold',
}
];
}