Nerd For Tech
Published in

Nerd For Tech

Import and export data in CSV in Angular.

In this article, we will create an algorithm for importing and exporting data in CSV. We have two model arrays with those models we will import in a CSV file.

To save an array in CSV. We need to take all property names from the first object in the array. Those names became column names in the first row of the CSV file. Then we need to get all property values from each object in the array. Every object is one row, values are separated by a comma.

Obviously, when we do export we reverse an algorithm. We split the text into rows then on values.

But we have a small problem. When we save an array in CSV we convert every object property into a string. When we import from a CSV every value is a string. What if the value must be a number or boolean? How can we define the right type?

We can create a constructor in our type. This constructor will give us information about the type of property.

The constructor of the class we are gonna use in a new method of export data. This method will determine the property type of the class and will convert the value to the right type.

As a result, we can import and export simple and complex types.

If you need to take a close look at the project here is the link.

Originally published at on March 6, 2022.



NFT is an Educational Media House. Our mission is to bring the invaluable knowledge and experiences of experts from all over the world to the novice. To know more about us, visit

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Yurii K

Full-stack developer. In my work, I use Angular and C#. In my free time I write articles for my blog.