Нет провайдера для $scope! ошибка при использовании директивы angular 1 в приложении angular 2

У меня есть приложение angular 2, созданное с помощью angular-cli, и мне нужно использовать директиву angular 1 в одном из моих компонентов (чтобы повторно использовать его из другого приложения). Я выполнил шаги из:

https://angular.io/docs/ts/latest/guide/upgrade.html#!#using-angular-1-component-directives-from-angular-2-code

Но теперь я добрался до этой ошибки и не могу пройти мимо нее. Я использую angular2.0.2 (в прошлом мне удалось создать гибридное приложение с бета-версией, но это было приложение angular1, и я использовал компоненты angular 2 с функцией понижения версии адаптера).

В моем app.module.ts у меня есть:

import { UpgradeAdapter } from '@angular/upgrade';
const upgradeAdapter = new UpgradeAdapter(forwardRef(() => AppModule));

const HeroDetail = upgradeAdapter.upgradeNg1Component('heroDetail');

@NgModule({
    imports:      [
        BrowserModule,
        ...
    ],
    declarations: [
      ...       
     HeroDetail
     ]
})
export class AppModule { }

и мой hero-detail.component.ts выглядит так:

export const heroDetail = {
  templateUrl: 'hero-detail.html',
  controller: function() {
  }
};

и мой hero-detail.html выглядит так:

   <h2>Windstorm details!</h2>

Я пытаюсь использовать директиву в другом компоненте angular 2, просто добавляя в шаблон:

Когда я запускаю ng serve, приложение компилируется нормально, но когда я пытаюсь загрузить страницу, я получаю указанную ошибку.

Любые предложения о том, как я могу двигаться вперед с этим?