July 2019
Intermediate to advanced
416 pages
10h 6m
English
The final bit of work on our component is the actual HTML template in fileupload.component.html. As this is going to be a Material dialog, we are going to use a number of Material tags here. The simplest of these tags is used to add the dialog title, which is a standard header tag with the mat-dialog-title attribute. The reason that this attribute is used is to anchor the title to the top of the dialog so that if there was any scrolling, the title would stay fixed in place:
<h2 mat-dialog-title>Choose image</h2>
With the title anchored to the top, we are ready to add our content and action buttons. First, we are going to add our content using the mat-dialog-content tag:
<mat-dialog-content> ...</mat-dialog-content> ...
Read now
Unlock full access