How to get file content and other details in AngularJS?

We can get the file content by using some basic angular functions and other details like the name and size of the file in AngularJS. To understand it look into the below example where both HTML and JS files are implemented.

Note: Consider below two files are of same component in angular.

app.module.html: 

Output: 👁 Image

In the above HTML file we have simply made a structure to how it should be looked on the webpage. For that, we have used some angular stuff like 'ng-controller' and also doubly curly brackets which we will implement in the below javascript code.

app.module.ts: 

app.component.ts: 

Output: 👁 Image