var app = angular.module('app', []); app.directive('dad', function () { return { restrict: 'EA', template: '<div>{{greeting}}{{name}}</div>', link: function(scope,elem,attr){ scope.name = 'Paul'; scope.greeting = 'Hey, I am '; } }; });
<div ng-app="app"> <dad></dad> </div>