TypeScript 2.x By Example

Homepage – template

Our homepage template is pretty straightforward with only two blocks: one to display all the available boards and one to allow users to add a new board to our application.

Check out the following code snippet:

<div class="boards-wrapper"> <h2>Boards</h2> <div id="boards"> <a class="board" *ngFor="let board of boards" [routerLink]="['/board', board.id]"> <span class="title">{{board?.title}}: <label style="font-size: smaller">Total Task: {{board?.task.length}}</label> </span> </a> <a href="#" class="board add-board" (click)="addBoard()"> <span class="title">Create a new board...</span> </a> </div></div>

 We will not discuss the styling of our application;  you can refer to CSS from the GitHub code.

As you can see, to fetch ...