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
19 lines
639 B
TypeScript
19 lines
639 B
TypeScript
// #docregion
|
|
import { Component } from '@angular/core';
|
|
import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
|
|
import { PhoneListComponent } from './phone-list/phone-list.component';
|
|
import { PhoneDetailComponent } from './phone-detail/phone-detail.component';
|
|
|
|
@RouteConfig([
|
|
{path:'/phones', name: 'Phones', component: PhoneListComponent},
|
|
{path:'/phones/:phoneId', name: 'Phone', component: PhoneDetailComponent},
|
|
{path:'/', redirectTo: ['Phones']}
|
|
])
|
|
@Component({
|
|
selector: 'phonecat-app',
|
|
template: '<router-outlet></router-outlet>',
|
|
directives: [ROUTER_DIRECTIVES]
|
|
})
|
|
export class AppComponent {
|
|
}
|