December 2017
Beginner
372 pages
10h 32m
English
On our board page, we show the board title at the top, which is editable, as shown in the following screenshot:

The user can edit the title on the board and then press Enter to see the changes reflected. And similar to adding a task, if the user presses escape, the changes will be canceled and original title will persist.
The following is the template code for the Board component that handles the board title:
<div *ngIf="board" class="board-title"> <span [style.display]="editingTitle ? 'none' : ''" (click)="editTitle()">{{ board?.title }}</span> <input [style.display]="editingTitle ? '' : 'none' " (keyup)= ...
Read now
Unlock full access