Angular Forms In Depth

Author: Your Name

src/app/file-upload/file-upload.component.html

@@ -1,2 +1,17 @@
 
+<input type="file" class="file-input">
 
+<div class="file-upload">
+
+    <mat-form-field>
+
+        <input matInput [disabled]="true" [value]="fileName">
+
+    </mat-form-field>
+
+    <button mat-mini-fab color="primary" class="upload-btn">
+        <mat-icon>attach_file</mat-icon>
+
+    </button>
+
+</div>

src/app/file-upload/file-upload.component.ts

@@ -15,4 +15,6 @@ export class FileUploadComponent {
     @Input()
     requiredFileType:string;
 
+    fileName = '';
+
 }