コントローラ、link、compileが違います

.directive('testDirective', function() {
    return {
        restrict: 'E',
        template: '<p>Hello {{number}}!</p>',
        controller: function($scope, $element){
            $scope.number = "controller:"+$scope.number;
        },
        link: function(scope, el, attr) {
            scope.number = "link:"+scope.number;
        },
        compile: function(element, attributes) {
            return {
                pre: function preLink(scope, element, attributes) {
                    scope.number = "compile: pre:"+scope.number;
                },
                post: function postLink(scope, element, attributes) {
                    scope.number = "compile: post:"+scope.number;
                }
            };
        }
    }
});