41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
import { Component } from '@angular/core';
|
|
import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/router-deprecated';
|
|
|
|
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];
|
|
}
|
|
}
|