Angular directive

foo.js

angular.module('foo.directive', [])
	.directive('restaurant', function(){
		return {
			restrict: 'E',
			template: '<li>Hello World</li>'
		}
	});

angular.module('foo', ['foo.directive']);

rendered.html

<restaurant><li>Hello World</li></restaurant>