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
28 lines
679 B
TypeScript
28 lines
679 B
TypeScript
// #docregion
|
|
import { Phone, PhoneData } from '../core/phone/phone.service';
|
|
|
|
class PhoneDetailController {
|
|
phone: PhoneData;
|
|
mainImageUrl: string;
|
|
|
|
static $inject = ['$routeParams', 'phone'];
|
|
constructor($routeParams: angular.route.IRouteParamsService, phone: Phone) {
|
|
let phoneId = $routeParams['phoneId'];
|
|
phone.get(phoneId).subscribe(data => {
|
|
this.phone = data;
|
|
this.setImage(data.images[0]);
|
|
});
|
|
}
|
|
|
|
setImage(imageUrl: string) {
|
|
this.mainImageUrl = imageUrl;
|
|
}
|
|
}
|
|
|
|
angular.
|
|
module('phoneDetail').
|
|
component('phoneDetail', {
|
|
templateUrl: 'phone-detail/phone-detail.template.html',
|
|
controller: PhoneDetailController
|
|
});
|