AngularJS Example:

by johnlindquist

HTML

<div ng-app="demo">

    <script type="text/ng-template" id="foo.html">
        <div>
            <span>My content</span>
        </div>
    </script>

    <div>
        <my-component></my-component>      
    </div>

</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://code.angularjs.org/1.0.0rc12/angular-1.0.0rc12.js"></script>
<style>

JavaScript

angular.module('demo', [])
    .directive('myComponent', function() {
        return {
            restrict:'E',
            templateUrl: 'foo.html'
        };
});