OOP style directive controllers for Angular

app.directive('upgrade1', function () {
    return {
        restrict: 'E',
        templateUrl: "my_template.html",
        scope: {
            'info': '=info',
        },
        controller: 'upgrade1',
    }
});

app.directive('upgrade2', function () {
    return {
        restrict: 'E',
        templateUrl: "my_template.html",
        scope: {
            'info': '=info',
        },
        controller: 'upgrade2',
    }
});


function baseCtrl ($scope, $rootScope, $timeout) {
    $scope.penguins = "Black and White";
    $rootScope.tigers = "Black and Orange";
    $timeout(function () {
        $scope.half_black_animals = $scope.penguins + $rootScope.tigers;
    });
}

app.controller('upgrade1', function ($scope, $rootScope, $timeout) {
    $injector.invoke(baseCtrl, this, {$scope:$scope, $rootScope:$rootScope, $timeout:$timeout});
});

app.controller('upgrade2', function ($scope, $rootScope, $timeout) {
    $injector.invoke(baseCtrl, this, {$scope:$scope, $rootScope:$rootScope, $timeout:$timeout});
    $scope.flamingos = "Pink Pink Pink";
});