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 } ]; } }; });
<div ng-app="demo"> <repeater></repeater> </div>