blob: eb23ed1ff61d1a9c72bbe228e7d598ff2e2531b2 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
|
import { Component, OnInit } from 'angular2/core';
import { ROUTER_DIRECTIVES, RouteParams } 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[];
private search: string;
constructor(
private _videosService: VideosService,
routeParams: RouteParams
) {
this.search = routeParams.get('search');
}
ngOnInit() {
this.getVideos();
}
getVideos() {
let observable = null;
if (this.search !== null) {
observable = this._videosService.searchVideos(this.search);
} else {
observable = this._videosService.getVideos()
}
observable.subscribe(
videos => this.videos = videos,
error => alert(error)
);
}
removeVideo(id: string) {
this._videosService.removeVideo(id).subscribe(
status => this.getVideos(),
error => alert(error)
)
}
}
|