Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div>
<hello-world name="World"></hello-world>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
myApp.directive('helloWorld', function() {
return {
restrict: 'E',
scope: {
name: '@'
},
template: '<span>Hello, {{name}}!</span>',
}
});