index.html

<my-directive foo="bar"></my-directive>

myDirective.html

<span>
	test {{foo}} test
</span>

myDirective.js

myApp.directive('myDirective', function() {
    return {
        restrict:'E',
        replace: true,
        scope: {
           foo: "="
        },
        templateUrl: 'myDirective.html',
        compile: function compile(element, attrs) {
            return {
                pre: function preLink(scope, iElement, iAttrs, controller) {
                },
                post: function postLink(scope, iElement, iAttrs, controller) {
                }
            };
        },
        controller: function($scope) {
            console.log($scope.foo);
        }
    };
});