AngularJS: extending an controller and bind the scope closures to the right parent

AngularJS_Controller_Extending.js

angular.module('app', [])
// Constant to satisfy $injector
.constant('$extend', false)

// Base Controller to extend
.controller('ControllerBase', function($scope, $extend){
    'use strict';
    var self = $extend ? $extend : this;
    
    // common extended property and function
    this.name = 'ControllerBase';
    this.logName = function() {
        console.info(this.name);
    };
    
    // to call scope closures in the right context use .bind(self) (ECMAScript 5)
    $scope.logName = function() {
        console.info(this.name);
    }.bind(self);
    
    // normal $scope closure
    $scope.logNameUnbound = function() {
        console.info(this.name);
    };
})

// Controller which extends the BaseController
.controller('Controller', function($scope, $controller, $extend){
    'use strict';
    var self = $extend ? $extend : this;
    var parent = $controller('ControllerBase', {$scope: $scope, $extend:this});
    angular.extend(this, parent);
    
    
    // scope property
    $scope.name = 'test';
    
    // override parent property
    this.name = 'Controller';
    
    // common example
    this.logName(); // prints "Controller"
    
    parent.logName(); // prints "ControllerBase"
    
    // $scope examples
    $scope.logName(); // prints "Controller"
    
    $scope.logNameUnbound(); // prints "test" cause this is now the scope
    
    $scope.logNameUnbound.call(this); //prints "Controller" | use .call(this) or apply(this)
});

I developed this solution while searching for an "angular"-way of extending an existing controller and bind the scope functions to the right controller