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.