TypeScript 2.x By Example

The Homepage component file

The responsibility of the Homepage component is twofold:

• To fetch all the Boards from the JSON file using the Trello service
• Routing to the Board component when the user selects any of the Boards on the home page

The following is the code for our Homepage component:

export class HomepageComponent implements OnInit { boards: Board[] = Array(); errorMessage: string; constructor(private _trelloService:TrelloService,private _router: Router) { } ngOnInit() { console.log("homepage"); this._trelloService.getBoardsWithPromises() .then(boards => this.boards = boards, error => this.errorMessage = <any>error); }  public boardDetail(item: Board){ this._router.navigate(["board", item.id]); }}

As we can see, there are two ...