40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
|
import {Component} from 'angular2/core';
|
||
|
|
import {RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS} from "angular2/router";
|
||
|
|
|
||
|
|
import {MovieListComponent} from './movie-list.component';
|
||
|
|
import {MovieService} from './movie.service';
|
||
|
|
import {IMovie} from './movie';
|
||
|
|
import {StringSafeDatePipe} from './date.pipe';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'my-app',
|
||
|
|
templateUrl: 'app/app.component.html',
|
||
|
|
styleUrls: ['app/app.component.css'],
|
||
|
|
directives: [MovieListComponent, ROUTER_DIRECTIVES],
|
||
|
|
pipes: [StringSafeDatePipe],
|
||
|
|
providers: [MovieService, ROUTER_PROVIDERS]
|
||
|
|
})
|
||
|
|
@RouteConfig([
|
||
|
|
{path: '/movies', name: 'Movies', component: MovieListComponent, useAsDefault: true}
|
||
|
|
])
|
||
|
|
export class AppComponent {
|
||
|
|
|
||
|
|
angularDocsUrl = "https://angular.io/";
|
||
|
|
colorPreference = 'red';
|
||
|
|
eventType = '<not clicked yet>';
|
||
|
|
isActive = true;
|
||
|
|
isImportant = true;
|
||
|
|
movie: IMovie = null;
|
||
|
|
movies: IMovie[] = [];
|
||
|
|
showImage = true;
|
||
|
|
title: string = "A1-A2 Quick Ref Cookbook";
|
||
|
|
toggleImage(event:UIEvent) {
|
||
|
|
this.showImage = !this.showImage;
|
||
|
|
this.eventType = (event && event.type) || 'not provided';
|
||
|
|
}
|
||
|
|
|
||
|
|
constructor(movieService: MovieService) {
|
||
|
|
this.movies = movieService.getMovies();
|
||
|
|
this.movie = this.movies[0];
|
||
|
|
}
|
||
|
|
}
|