36 lines
802 B
TypeScript
36 lines
802 B
TypeScript
|
import { Component, OnInit } from "@angular/core";
|
||
|
import { Router } from "@angular/router";
|
||
|
|
||
|
import { Duck } from "./models";
|
||
|
import { DuckService } from "./duck.service";
|
||
|
|
||
|
@Component({
|
||
|
selector: "ducks",
|
||
|
templateUrl: "/app/ducks.component.html",
|
||
|
providers: [ DuckService ]
|
||
|
})
|
||
|
export class DucksComponent implements OnInit {
|
||
|
ducks = [];
|
||
|
selectedDuck: Duck;
|
||
|
|
||
|
constructor(private router: Router,
|
||
|
private duckService: DuckService)
|
||
|
{}
|
||
|
|
||
|
ngOnInit(): void {
|
||
|
this.getDucks();
|
||
|
}
|
||
|
|
||
|
getDucks(): void {
|
||
|
this.duckService.getDucks().then(ducks => this.ducks = ducks);
|
||
|
}
|
||
|
|
||
|
onSelect(duck: Duck): void {
|
||
|
this.selectedDuck = duck;
|
||
|
}
|
||
|
|
||
|
gotoDetail(duck: Duck): void {
|
||
|
this.router.navigate(['/detail', duck.id]);
|
||
|
}
|
||
|
}
|