Невозможно получить доступ к области контроллера из angular функции связывания выходных данных компонента

Я пытаюсь получить доступ к области моего домашнего контроллера с панели component, но она undefined.

Я также попробовал второй подход, но тогда моя функциональная переменная undefined.

Я использую Angular 1.5 с Typescript

ПЕРВЫЙ ПОДХОД:

Домашний контроллер HTML:

<div class="home-container">
    <dashboard-component on-tile-type-changed="HomeCtrl.onTileTypeChanged">
    </dashboard-component>
</div>

Домашний контроллер js:

namespace app.dashboard {
    'use strict';

    class HomeController {
        static $inject:Array<string> = ['$window'];

        constructor(private $window:ng.IWindowService) {

        }

        private onTileTypeChanged(tile:ITile) {
            console.log(tile); // DEFINED AND WORKING
            console.log(this); // NOT DEFINED
        }
    }

    angular
        .module('app.dashboard')
        .controller('HomeController', HomeController);
}

Контроллер панели управления js:

angular.module('app.dashboard')
    .component('dashboardComponent', {
        templateUrl: 'app/dashboard/directives/dashboard-container.html',
        controller: DashboardComponent,
        controllerAs: 'DashboardCtrl',
        bindings: {
            onTileTypeChanged: "&"
        }
    });

this.onTileTypeChanged()(tile);

ВТОРОЙ ПОДХОД:

Домашний контроллер HTML:

<div class="home-container">
    <dashboard-component on-tile-type-changed="HomeCtrl.onTileTypeChanged()">
    </dashboard-component>
</div>

Контроллер панели управления js:

this.onTileTypeChanged(tile);

И здесь я получаю противоположное:

private onTileTypeChanged(tile:ITile) {
    console.log(tile); // NOT DEFINED
    console.log(this); // DEFINED AND WORKING
}