angular-docs-cn/public/docs/_examples/upgrade-phonecat-2-hybrid/ts/app/phone-detail/phone-detail.component.ts

36 lines
983 B
TypeScript

// #docplaster
// #docregion initialclass
import { Component, Inject } from '@angular/core';
import { Phone, PhoneData } from '../core/phone/phone.service';
// #enddocregion initialclass
// #docregion checkmark-pipe
import { CheckmarkPipe } from '../core/checkmark/checkmark.pipe';
// #docregion initialclass
@Component({
selector: 'phone-detail',
templateUrl: 'phone-detail/phone-detail.template.html',
// #enddocregion initialclass
pipes: [ CheckmarkPipe ]
// #docregion initialclass
})
// #enddocregion checkmark-pipe
export class PhoneDetailComponent{
phone: PhoneData;
mainImageUrl: string;
constructor(@Inject('$routeParams')
$routeParams: angular.route.IRouteParamsService,
phone: Phone) {
phone.get($routeParams['phoneId']).subscribe(phone => {
this.phone = phone;
this.setImage(phone.images[0]);
});
}
setImage(imageUrl: string) {
this.mainImageUrl = imageUrl;
}
}
// #enddocregion initialclass