AngularJS Live Example

by Michele Marcucci

HTML

<div ng-app="myApp">
    <hello-world name="John Doe"></hello-world>
</div>

JavaScript

angular.module('components', [])
    .directive('helloWorld', function () {
        return {
            restrict: 'E',
            scope:{
                name: '@'
            },
            template: '<span>Hello {{name}}</span>',
            link: function (scope, elm, attrs) {
                console.log(scope.name);   
            }
        }
    })

angular.module('myApp', ['components'])