28 lines
666 B
TypeScript
28 lines
666 B
TypeScript
// #docplaster
|
|
// #docregion
|
|
import { Component } from '@angular/core';
|
|
import { ActivatedRoute } from '@angular/router';
|
|
|
|
import { Phone, PhoneData } from '../core/phone/phone.service';
|
|
|
|
@Component({
|
|
selector: 'phone-detail',
|
|
templateUrl: './phone-detail.template.html'
|
|
})
|
|
export class PhoneDetailComponent {
|
|
phone: PhoneData;
|
|
mainImageUrl: string;
|
|
|
|
constructor(activatedRoute: ActivatedRoute, phone: Phone) {
|
|
phone.get(activatedRoute.snapshot.params['phoneId'])
|
|
.subscribe((p: PhoneData) => {
|
|
this.phone = p;
|
|
this.setImage(p.images[0]);
|
|
});
|
|
}
|
|
|
|
setImage(imageUrl: string) {
|
|
this.mainImageUrl = imageUrl;
|
|
}
|
|
}
|