Simple Angular directive

directives.js

'use strict';

// declare app-level module
var app = angular.module('app', []);

// register directive
app.directive('partial', function () {
	return {
		templateUrl: "partial.html", // url to template
		restrict: "AE" // restrict directive trigger to attribute (A) and element (E), not classname (C)
	}
}); 

partial.html

<div>I'm a partial</div>

template.html

<!-- include the partial as an element -->
<partial></partial>

<!--or as an attribute -->
<div partial></div>

<!-- either way, the contents of partial.html will render inside the element -->

Resources:

• Sitepoint guide
• Official docs