JSFiddle - React, Tailwind, and code Playground

by jillesme

HTML

<div ng-app="demo">
    <repeater></repeater>
</div>

JavaScript

angular
    .module('demo', [])
    .directive('repeater', function () {
    	return {
            restrict: 'E',
            template: [
                '<div>',
                	'<ul>',
                		'<li ng-repeat="user in vm.users">',
                			'{{ user.name }} is {{ user.age }} years old.',
                		'</li>',
                	'</ul>',
                '</div>'
                ].join(''),
            controllerAs: 'vm',
            controller: function () {
                var vm = this;
                vm.users = [
                    { name: 'Jilles', age: 21 },
                    { name: 'Todd', age: 24 },
                    { name: 'Lisa', age: 18 }
                ];
            }
        };
	});