40 lines
925 B
TypeScript
40 lines
925 B
TypeScript
|
import {Component, OnInit} from 'angular2/core';
|
||
|
|
import {ROUTER_DIRECTIVES} from 'angular2/router';
|
||
|
|
|
||
|
|
import {VideosService} from '../../services/videos.service';
|
||
|
|
import {Video} from '../../models/video';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'my-videos-list',
|
||
|
|
styleUrls: [ 'app/angular/videos/components/list/videos-list.component.css' ],
|
||
|
|
templateUrl: 'app/angular/videos/components/list/videos-list.component.html',
|
||
|
|
directives: [ ROUTER_DIRECTIVES ]
|
||
|
|
})
|
||
|
|
|
||
|
|
export class VideosListComponent implements OnInit {
|
||
|
|
videos: Video[];
|
||
|
|
|
||
|
|
constructor(
|
||
|
|
private _videosService: VideosService
|
||
|
|
) { }
|
||
|
|
|
||
|
|
ngOnInit() {
|
||
|
|
this.getVideos();
|
||
|
|
}
|
||
|
|
|
||
|
|
getVideos() {
|
||
|
|
this._videosService.getVideos().subscribe(
|
||
|
|
videos => this.videos = videos,
|
||
|
|
error => alert(error)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
removeVideo(id: string) {
|
||
|
|
this._videosService.removeVideo(id).subscribe(
|
||
|
|
status => this.getVideos(),
|
||
|
|
error => alert(error)
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|