angular-docs-cn/public/docs/_examples/upgrade-module/ts/app/1-to-2-providers/app.module.ts

declare var angular: angular.IAngularStatic;
import { NgModule } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { BrowserModule } from '@angular/platform-browser';
import { UpgradeModule, downgradeComponent } from '@angular/upgrade/static';

import { HeroDetailComponent } from './hero-detail.component';
import { HeroesService } from './heroes.service';

// #docregion register
@NgModule({
  imports: [
    BrowserModule,
    UpgradeModule
  ],
  providers: [{
    provide: 'heroes',
    useFactory: (i: any) => i.get('heroes'),
    deps: ['$injector']
  }],
  // #enddocregion register
  declarations: [
    HeroDetailComponent
  ],
  entryComponents: [
    HeroDetailComponent
  ]
// #docregion register
})
export class AppModule {
  ngDoBootstrap() {}
}
// #enddocregion register

angular.module('heroApp', [])
  .service('heroes', HeroesService)
  .directive(
    'heroDetail',
    downgradeComponent({component: HeroDetailComponent}) as angular.IDirectiveFactory
  );


platformBrowserDynamic().bootstrapModule(AppModule).then(platformRef => {
  const upgrade = platformRef.injector.get(UpgradeModule) as UpgradeModule;
  upgrade.bootstrap(document.body, ['heroApp'], {strictDi: true});
});