4acbef19a8
closes #1538 This is a major reorganization of the Upgrade guide. * Compatible with the new version of the AngularJS 1 PhoneCat tutorial. * No longer switching Angular 1 code to SystemJS for PhoneCat, to allow beginning Angular 2 migration with fewer preparation steps. SystemJS switch now happens simultaneously with upgrade. (This is based on input from @joeeames) * Testing moved to an appendix to make the main narrative shorter and easier to follow. * Use component methods to do phone filtering and ordering instead of introducing pipes to replace filterFilter and orderByFilter. * Cover issue with camelCase inputs on downgraded components. For authors: * All examples now fully integrated with the example boilerplate. Uses the same Angular 2 version as all other guides. E2E tests are executed along with all the others. * Reduced number of PhoneCat versions from five to three. * Each directory has a README explaining how to run it and what might be peculiar about it. Closes angular/angular#8622 Relates to angular/angular.js#14416 Relates to angular/angular-phonecat#326
22 lines
547 B
TypeScript
22 lines
547 B
TypeScript
import { HeroDetailComponent } from './hero-detail.component';
|
|
import { HeroesService } from './heroes.service';
|
|
import { upgradeAdapter } from './upgrade_adapter';
|
|
|
|
declare var angular:any;
|
|
|
|
// #docregion register
|
|
angular.module('heroApp', [])
|
|
.service('heroes', HeroesService)
|
|
.directive('heroDetail',
|
|
upgradeAdapter.downgradeNg2Component(HeroDetailComponent));
|
|
|
|
upgradeAdapter.upgradeNg1Provider('heroes');
|
|
|
|
// #enddocregion register
|
|
|
|
upgradeAdapter.bootstrap(
|
|
document.querySelector('hero-app'),
|
|
['heroApp'],
|
|
{strictDi: true}
|
|
);
|