Build a website screen few small angular 1.6.4 directives - 30/04/2018 05:54 EDT

We wish to add a screen to our angular based website, with this feature: 1. The user see a list of countries (we provide a json array of countries). 2. Once he select a country, he will see a list of cities (we provide a json array of city's). 3. *He can choose many cities*. Per chosen city, a table with a data for the cities will be displayed (we provide a json object per city). Each city objects has different fields, so the tables column names cannot be hard-coded. E.g: If the user choose 5 cities, he will see 5 tables with unique columns and rows data, per city Each of the above 3 items will be in it's own directive: 1. list of countries 2. list of cities 3. table the shows data of a city The project is to write these directives.