angular-web-api-read-data-tree

Angular project has Basic HTTP Login Authentication Example with Angular CLI and also has WEB APi link read and parse its json data and show this data in Tree view format

this is the sample link for testing you can use any link http://208.109.13.111:9090/api/Category json output of this link

{"result":[{"id":"f0200ea7-543d-42b7-1a54-08d8515d3f7e","title":"Sports","subCategories":[{"id":"00dbba79-8b11-475f-1a55-08d8515d3f7e","title":"Gym"},{"id":"2b2ab22b-d4c3-4de7-1a56-08d8515d3f7e","title":"Pool"},{"id":"8923e82a-4838-4ce5-1a57-08d8515d3f7e","title":"Ski"}]},{"id":"d3276523-9866-445f-1a58-08d8515d3f7e","title":"Medical","subCategories":[{"id":"fcf51658-57b9-4485-1a59-08d8515d3f7e","title":"Pharmacy"},{"id":"949ab7a7-98c1-4443-1a5a-08d8515d3f7e","title":"Clinic"},{"id":"c97a6c2d-4bd2-414b-1a5b-08d8515d3f7e","title":"Hospital"}]},{"id":"22752ee9-b30e-4a4d-1a5c-08d8515d3f7e","title":"Food","subCategories":[{"id":"4230352b-e5a8-48a5-1a5d-08d8515d3f7e","title":"Cafe22"},{"id":"567581f1-133c-4cbd-1a5e-08d8515d3f7e","title":"Restaurant"},{"id":"5e792225-15d5-4c16-1a5f-08d8515d3f7e","title":"Fast Food 1"}]},{"id":"44ec7ef5-1284-4c12-1a60-08d8515d3f7e","title":"Entertainment","subCategories":[{"id":"edf220cd-bc77-47ae-1a61-08d8515d3f7e","title":"Club"},{"id":"bf1f0f21-f0f1-4155-1a62-08d8515d3f7e","title":"Circus"},{"id":"6ffe6c77-4f36-4298-1a63-08d8515d3f7e","title":"Cinema"}]}],"errorMessage":null,"paging":null,"serverTime":"2020-11-11T14:11:22.4627679Z"}


Thanks to this tutorial which help me to make this project https://jasonwatmore.com/post/2019/06/26/angular-8-basic-http-authentication-tutorial-example