Roshworld: Angular

Here is a simple source what will download file in user machine on a Asp.Net web application.
This can be implement in Angular application also.

Step 1 - new action in asp.net MVC controller

Byte[] dashboardfileBytes = File.ReadAllBytes(Full File LOCATION);

response = new HttpResponseMessage(HttpStatusCode.OK);

response.Content = new ByteArrayContent(updatefilebytes);

response.Content.Headers.ContentDisposition = new System.Net.Http.Headers.ContentDispositionHeaderValue("attachment");

response.Content.Headers.ContentDisposition.FileName = repsourceFileInfo[0].Name;

response.Content.Headers.ContentType = new MediaTypeHeaderValue("application/xlsm");

Step 2 - download from client side

download is very simple, you have a add a <a> tag and in href property you needs to send Asp.Net MVC url for the action you created above

ex:
<a hreff="mycontroller\FileDownloadAction" >download File </a>

the same logic you can implement in angular, instead of calling asp.net MVC controoler\action url, you can use WebAPI url.

Output

Here explain a way to display multiple <div> in column wise. To achieve this, we required one Parent <div>, and parent div contains multiple child <div>, we list child <div> in column wise.

To achieve this we just need a style like below.

<style>

* {

box-sizing : border-box ;
}

/* Create equal columns that floats next to each other */
.column{

float:left ;
width:50%;

padding : 10px;

}

/* Clear floats after the columns */

.row:after{

content : "";

display : table;

clear : both;

}

</style>

hope style is straight forward, width in style-class .column and display in style-class .row:after is crucial here. Width property defining number of column to be displayed.

HTML
you should required one parent and multiple child <div> tags. Below is parent should look like below. Parent should refer style-class "row"

<divname="parent"class="row"style="width:100%;">

Child should refer style-class "column" and put your content under the <div> tag