Использование выражения `(« & »)` для передачи данных из компонента AngularJS в родительскую область видимости

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

Я пытаюсь получить доступ к своему домашнему контроллеру области от приборной панелисоставная часть но это не определено

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

Я использую 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
}

Ответы на вопрос(1)

Ваш ответ на вопрос