Display S3 objects in TreeView Structure Angular
0
I have a lambda that returns S3 buckets objects and their versions, what I try to achieve is display the response in tree structured view in Angular Frontend. below is my minified JSON response:
["IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"1234566.pdf","VersionId":"iGNfCHuVhM.3kqr8CBzvhJISdKFxNkWm","IsLatest":true,"LastModified":"2018-11-13T13:48:22.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"1234566.pdf","VersionId":"LrcmgeTGVcTQJa8LXdUwvFXVoZ7gtvfr","IsLatest":false,"LastModified":"2018-11-12T13:48:57.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"1234566.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/","VersionId":"LY58GovVA4mU_5XyFLxpiDXooN_z783X","IsLatest":true,"LastModified":"2018-11-01T14:09:35.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/","VersionId":"MAacf2dY4VIQlY7Z_rdy8lHEMZsqZn1o","IsLatest":true,"LastModified":"2018-11-01T14:10:56.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/","VersionId":"lmeFrpnHwiCbXZlMI.nl8OmjS6pOyOu9","IsLatest":false,"LastModified":"2018-11-01T14:10:40.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"o1HlfoDJCjFdDI6EHLFZbSeOdMqH_FE1","IsLatest":true,"LastModified":"2018-11-09T11:53:59.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"7.xdhugiHQBC4tU45gvoAQBKBX4KRjFx","IsLatest":false,"LastModified":"2018-11-01T14:12:53.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""78cb8d333e131492cb14885ad13c705c"","Size":58,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"1EwCfE88ViW6JX4ofNO6WIfjomma898z","IsLatest":true,"LastModified":"2018-11-01T14:17:19.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""0f092a304ed6f44f452b173f9e436f86"","Size":17,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"dZR_pv43mW7CKoGUNLwpF1_snARKVLIk","IsLatest":false,"LastModified":"2018-11-01T14:14:10.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"5pW3uHBR2hfazkJJvm2ctxQ8KKYEePsq","IsLatest":false,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234568.pdf","VersionId":"dcmBQfVNGAmXrPL1kdW7_Xp6QvvJDFUk","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234569.pdf","VersionId":"zzo5GIitOGWyAOtJOZKTVC.6AZDzq80m","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234570.pdf","VersionId":"pQoMLL43bbpUXhvObOYBer5TCaWZGzNu","IsLatest":true,"LastModified":"2018-11-01T14:12:55.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/","VersionId":"MAacf2dY4VIQlY7Z_rdy8lHEMZsqZn1o","IsLatest":true,"LastModified":"2018-11-01T14:10:56.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/","VersionId":"lmeFrpnHwiCbXZlMI.nl8OmjS6pOyOu9","IsLatest":false,"LastModified":"2018-11-01T14:10:40.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"o1HlfoDJCjFdDI6EHLFZbSeOdMqH_FE1","IsLatest":true,"LastModified":"2018-11-09T11:53:59.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"7.xdhugiHQBC4tU45gvoAQBKBX4KRjFx","IsLatest":false,"LastModified":"2018-11-01T14:12:53.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""78cb8d333e131492cb14885ad13c705c"","Size":58,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"1EwCfE88ViW6JX4ofNO6WIfjomma898z","IsLatest":true,"LastModified":"2018-11-01T14:17:19.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""0f092a304ed6f44f452b173f9e436f86"","Size":17,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"dZR_pv43mW7CKoGUNLwpF1_snARKVLIk","IsLatest":false,"LastModified":"2018-11-01T14:14:10.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"5pW3uHBR2hfazkJJvm2ctxQ8KKYEePsq","IsLatest":false,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234568.pdf","VersionId":"dcmBQfVNGAmXrPL1kdW7_Xp6QvvJDFUk","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234569.pdf","VersionId":"zzo5GIitOGWyAOtJOZKTVC.6AZDzq80m","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234570.pdf","VersionId":"pQoMLL43bbpUXhvObOYBer5TCaWZGzNu","IsLatest":true,"LastModified":"2018-11-01T14:12:55.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"o1HlfoDJCjFdDI6EHLFZbSeOdMqH_FE1","IsLatest":true,"LastModified":"2018-11-09T11:53:59.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"7.xdhugiHQBC4tU45gvoAQBKBX4KRjFx","IsLatest":false,"LastModified":"2018-11-01T14:12:53.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234566.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""78cb8d333e131492cb14885ad13c705c"","Size":58,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"1EwCfE88ViW6JX4ofNO6WIfjomma898z","IsLatest":true,"LastModified":"2018-11-01T14:17:19.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""0f092a304ed6f44f452b173f9e436f86"","Size":17,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"dZR_pv43mW7CKoGUNLwpF1_snARKVLIk","IsLatest":false,"LastModified":"2018-11-01T14:14:10.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"5pW3uHBR2hfazkJJvm2ctxQ8KKYEePsq","IsLatest":false,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234567.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234568.pdf","VersionId":"dcmBQfVNGAmXrPL1kdW7_Xp6QvvJDFUk","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234568.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234569.pdf","VersionId":"zzo5GIitOGWyAOtJOZKTVC.6AZDzq80m","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234569.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234570.pdf","VersionId":"pQoMLL43bbpUXhvObOYBer5TCaWZGzNu","IsLatest":true,"LastModified":"2018-11-01T14:12:55.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234570.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-2/","VersionId":"59oeJkOFKUui.pu8TgvbaMwld6wxVzXp","IsLatest":true,"LastModified":"2018-11-01T14:09:51.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-2/","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-3/","VersionId":"5Ps6RTq1reD3GiU248s8O3B7qaZF2Z8f","IsLatest":true,"LastModified":"2018-11-01T14:09:59.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-3/","MaxKeys":1000,"CommonPrefixes":]
My structure look like below:
- mybucket/folder1/project1/samplev1.txt
- mybucket/folder1/project1/sampleVer2.txt
- mybucket/folder2/
- mybucket/folder3/
How to apply a tree view in Angular to display this data structure and on click show each object's info when expanding like VersionId, LastModified..etc.
angular amazon-s3 tree treeview asked Nov 13 '18 at 19:08
Alexi FelixAlexi Felix
387
add a comment |
0
I have a lambda that returns S3 buckets objects and their versions, what I try to achieve is display the response in tree structured view in Angular Frontend. below is my minified JSON response:
["IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"1234566.pdf","VersionId":"iGNfCHuVhM.3kqr8CBzvhJISdKFxNkWm","IsLatest":true,"LastModified":"2018-11-13T13:48:22.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"1234566.pdf","VersionId":"LrcmgeTGVcTQJa8LXdUwvFXVoZ7gtvfr","IsLatest":false,"LastModified":"2018-11-12T13:48:57.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"1234566.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/","VersionId":"LY58GovVA4mU_5XyFLxpiDXooN_z783X","IsLatest":true,"LastModified":"2018-11-01T14:09:35.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/","VersionId":"MAacf2dY4VIQlY7Z_rdy8lHEMZsqZn1o","IsLatest":true,"LastModified":"2018-11-01T14:10:56.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/","VersionId":"lmeFrpnHwiCbXZlMI.nl8OmjS6pOyOu9","IsLatest":false,"LastModified":"2018-11-01T14:10:40.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"o1HlfoDJCjFdDI6EHLFZbSeOdMqH_FE1","IsLatest":true,"LastModified":"2018-11-09T11:53:59.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"7.xdhugiHQBC4tU45gvoAQBKBX4KRjFx","IsLatest":false,"LastModified":"2018-11-01T14:12:53.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""78cb8d333e131492cb14885ad13c705c"","Size":58,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"1EwCfE88ViW6JX4ofNO6WIfjomma898z","IsLatest":true,"LastModified":"2018-11-01T14:17:19.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""0f092a304ed6f44f452b173f9e436f86"","Size":17,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"dZR_pv43mW7CKoGUNLwpF1_snARKVLIk","IsLatest":false,"LastModified":"2018-11-01T14:14:10.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"5pW3uHBR2hfazkJJvm2ctxQ8KKYEePsq","IsLatest":false,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234568.pdf","VersionId":"dcmBQfVNGAmXrPL1kdW7_Xp6QvvJDFUk","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234569.pdf","VersionId":"zzo5GIitOGWyAOtJOZKTVC.6AZDzq80m","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234570.pdf","VersionId":"pQoMLL43bbpUXhvObOYBer5TCaWZGzNu","IsLatest":true,"LastModified":"2018-11-01T14:12:55.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/","VersionId":"MAacf2dY4VIQlY7Z_rdy8lHEMZsqZn1o","IsLatest":true,"LastModified":"2018-11-01T14:10:56.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/","VersionId":"lmeFrpnHwiCbXZlMI.nl8OmjS6pOyOu9","IsLatest":false,"LastModified":"2018-11-01T14:10:40.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"o1HlfoDJCjFdDI6EHLFZbSeOdMqH_FE1","IsLatest":true,"LastModified":"2018-11-09T11:53:59.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"7.xdhugiHQBC4tU45gvoAQBKBX4KRjFx","IsLatest":false,"LastModified":"2018-11-01T14:12:53.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""78cb8d333e131492cb14885ad13c705c"","Size":58,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"1EwCfE88ViW6JX4ofNO6WIfjomma898z","IsLatest":true,"LastModified":"2018-11-01T14:17:19.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""0f092a304ed6f44f452b173f9e436f86"","Size":17,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"dZR_pv43mW7CKoGUNLwpF1_snARKVLIk","IsLatest":false,"LastModified":"2018-11-01T14:14:10.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"5pW3uHBR2hfazkJJvm2ctxQ8KKYEePsq","IsLatest":false,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234568.pdf","VersionId":"dcmBQfVNGAmXrPL1kdW7_Xp6QvvJDFUk","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234569.pdf","VersionId":"zzo5GIitOGWyAOtJOZKTVC.6AZDzq80m","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234570.pdf","VersionId":"pQoMLL43bbpUXhvObOYBer5TCaWZGzNu","IsLatest":true,"LastModified":"2018-11-01T14:12:55.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"o1HlfoDJCjFdDI6EHLFZbSeOdMqH_FE1","IsLatest":true,"LastModified":"2018-11-09T11:53:59.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"7.xdhugiHQBC4tU45gvoAQBKBX4KRjFx","IsLatest":false,"LastModified":"2018-11-01T14:12:53.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234566.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""78cb8d333e131492cb14885ad13c705c"","Size":58,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"1EwCfE88ViW6JX4ofNO6WIfjomma898z","IsLatest":true,"LastModified":"2018-11-01T14:17:19.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""0f092a304ed6f44f452b173f9e436f86"","Size":17,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"dZR_pv43mW7CKoGUNLwpF1_snARKVLIk","IsLatest":false,"LastModified":"2018-11-01T14:14:10.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"5pW3uHBR2hfazkJJvm2ctxQ8KKYEePsq","IsLatest":false,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234567.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234568.pdf","VersionId":"dcmBQfVNGAmXrPL1kdW7_Xp6QvvJDFUk","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234568.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234569.pdf","VersionId":"zzo5GIitOGWyAOtJOZKTVC.6AZDzq80m","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234569.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234570.pdf","VersionId":"pQoMLL43bbpUXhvObOYBer5TCaWZGzNu","IsLatest":true,"LastModified":"2018-11-01T14:12:55.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234570.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-2/","VersionId":"59oeJkOFKUui.pu8TgvbaMwld6wxVzXp","IsLatest":true,"LastModified":"2018-11-01T14:09:51.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-2/","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-3/","VersionId":"5Ps6RTq1reD3GiU248s8O3B7qaZF2Z8f","IsLatest":true,"LastModified":"2018-11-01T14:09:59.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-3/","MaxKeys":1000,"CommonPrefixes":]
My structure look like below:
- mybucket/folder1/project1/samplev1.txt
- mybucket/folder1/project1/sampleVer2.txt
- mybucket/folder2/
- mybucket/folder3/
How to apply a tree view in Angular to display this data structure and on click show each object's info when expanding like VersionId, LastModified..etc.
angular amazon-s3 tree treeview asked Nov 13 '18 at 19:08
Alexi FelixAlexi Felix
387
add a comment |
0
0
0
I have a lambda that returns S3 buckets objects and their versions, what I try to achieve is display the response in tree structured view in Angular Frontend. below is my minified JSON response:
["IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"1234566.pdf","VersionId":"iGNfCHuVhM.3kqr8CBzvhJISdKFxNkWm","IsLatest":true,"LastModified":"2018-11-13T13:48:22.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"1234566.pdf","VersionId":"LrcmgeTGVcTQJa8LXdUwvFXVoZ7gtvfr","IsLatest":false,"LastModified":"2018-11-12T13:48:57.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"1234566.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/","VersionId":"LY58GovVA4mU_5XyFLxpiDXooN_z783X","IsLatest":true,"LastModified":"2018-11-01T14:09:35.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/","VersionId":"MAacf2dY4VIQlY7Z_rdy8lHEMZsqZn1o","IsLatest":true,"LastModified":"2018-11-01T14:10:56.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/","VersionId":"lmeFrpnHwiCbXZlMI.nl8OmjS6pOyOu9","IsLatest":false,"LastModified":"2018-11-01T14:10:40.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"o1HlfoDJCjFdDI6EHLFZbSeOdMqH_FE1","IsLatest":true,"LastModified":"2018-11-09T11:53:59.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"7.xdhugiHQBC4tU45gvoAQBKBX4KRjFx","IsLatest":false,"LastModified":"2018-11-01T14:12:53.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""78cb8d333e131492cb14885ad13c705c"","Size":58,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"1EwCfE88ViW6JX4ofNO6WIfjomma898z","IsLatest":true,"LastModified":"2018-11-01T14:17:19.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""0f092a304ed6f44f452b173f9e436f86"","Size":17,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"dZR_pv43mW7CKoGUNLwpF1_snARKVLIk","IsLatest":false,"LastModified":"2018-11-01T14:14:10.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"5pW3uHBR2hfazkJJvm2ctxQ8KKYEePsq","IsLatest":false,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234568.pdf","VersionId":"dcmBQfVNGAmXrPL1kdW7_Xp6QvvJDFUk","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234569.pdf","VersionId":"zzo5GIitOGWyAOtJOZKTVC.6AZDzq80m","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234570.pdf","VersionId":"pQoMLL43bbpUXhvObOYBer5TCaWZGzNu","IsLatest":true,"LastModified":"2018-11-01T14:12:55.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/","VersionId":"MAacf2dY4VIQlY7Z_rdy8lHEMZsqZn1o","IsLatest":true,"LastModified":"2018-11-01T14:10:56.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/","VersionId":"lmeFrpnHwiCbXZlMI.nl8OmjS6pOyOu9","IsLatest":false,"LastModified":"2018-11-01T14:10:40.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"o1HlfoDJCjFdDI6EHLFZbSeOdMqH_FE1","IsLatest":true,"LastModified":"2018-11-09T11:53:59.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"7.xdhugiHQBC4tU45gvoAQBKBX4KRjFx","IsLatest":false,"LastModified":"2018-11-01T14:12:53.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""78cb8d333e131492cb14885ad13c705c"","Size":58,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"1EwCfE88ViW6JX4ofNO6WIfjomma898z","IsLatest":true,"LastModified":"2018-11-01T14:17:19.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""0f092a304ed6f44f452b173f9e436f86"","Size":17,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"dZR_pv43mW7CKoGUNLwpF1_snARKVLIk","IsLatest":false,"LastModified":"2018-11-01T14:14:10.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"5pW3uHBR2hfazkJJvm2ctxQ8KKYEePsq","IsLatest":false,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234568.pdf","VersionId":"dcmBQfVNGAmXrPL1kdW7_Xp6QvvJDFUk","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234569.pdf","VersionId":"zzo5GIitOGWyAOtJOZKTVC.6AZDzq80m","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234570.pdf","VersionId":"pQoMLL43bbpUXhvObOYBer5TCaWZGzNu","IsLatest":true,"LastModified":"2018-11-01T14:12:55.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"o1HlfoDJCjFdDI6EHLFZbSeOdMqH_FE1","IsLatest":true,"LastModified":"2018-11-09T11:53:59.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"7.xdhugiHQBC4tU45gvoAQBKBX4KRjFx","IsLatest":false,"LastModified":"2018-11-01T14:12:53.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234566.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""78cb8d333e131492cb14885ad13c705c"","Size":58,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"1EwCfE88ViW6JX4ofNO6WIfjomma898z","IsLatest":true,"LastModified":"2018-11-01T14:17:19.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""0f092a304ed6f44f452b173f9e436f86"","Size":17,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"dZR_pv43mW7CKoGUNLwpF1_snARKVLIk","IsLatest":false,"LastModified":"2018-11-01T14:14:10.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"5pW3uHBR2hfazkJJvm2ctxQ8KKYEePsq","IsLatest":false,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234567.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234568.pdf","VersionId":"dcmBQfVNGAmXrPL1kdW7_Xp6QvvJDFUk","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234568.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234569.pdf","VersionId":"zzo5GIitOGWyAOtJOZKTVC.6AZDzq80m","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234569.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234570.pdf","VersionId":"pQoMLL43bbpUXhvObOYBer5TCaWZGzNu","IsLatest":true,"LastModified":"2018-11-01T14:12:55.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234570.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-2/","VersionId":"59oeJkOFKUui.pu8TgvbaMwld6wxVzXp","IsLatest":true,"LastModified":"2018-11-01T14:09:51.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-2/","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-3/","VersionId":"5Ps6RTq1reD3GiU248s8O3B7qaZF2Z8f","IsLatest":true,"LastModified":"2018-11-01T14:09:59.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-3/","MaxKeys":1000,"CommonPrefixes":]
My structure look like below:
- mybucket/folder1/project1/samplev1.txt
- mybucket/folder1/project1/sampleVer2.txt
- mybucket/folder2/
- mybucket/folder3/
How to apply a tree view in Angular to display this data structure and on click show each object's info when expanding like VersionId, LastModified..etc.
angular amazon-s3 tree treeview asked Nov 13 '18 at 19:08
Alexi FelixAlexi Felix
387
I have a lambda that returns S3 buckets objects and their versions, what I try to achieve is display the response in tree structured view in Angular Frontend. below is my minified JSON response:
["IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"1234566.pdf","VersionId":"iGNfCHuVhM.3kqr8CBzvhJISdKFxNkWm","IsLatest":true,"LastModified":"2018-11-13T13:48:22.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"1234566.pdf","VersionId":"LrcmgeTGVcTQJa8LXdUwvFXVoZ7gtvfr","IsLatest":false,"LastModified":"2018-11-12T13:48:57.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"1234566.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/","VersionId":"LY58GovVA4mU_5XyFLxpiDXooN_z783X","IsLatest":true,"LastModified":"2018-11-01T14:09:35.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/","VersionId":"MAacf2dY4VIQlY7Z_rdy8lHEMZsqZn1o","IsLatest":true,"LastModified":"2018-11-01T14:10:56.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/","VersionId":"lmeFrpnHwiCbXZlMI.nl8OmjS6pOyOu9","IsLatest":false,"LastModified":"2018-11-01T14:10:40.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"o1HlfoDJCjFdDI6EHLFZbSeOdMqH_FE1","IsLatest":true,"LastModified":"2018-11-09T11:53:59.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"7.xdhugiHQBC4tU45gvoAQBKBX4KRjFx","IsLatest":false,"LastModified":"2018-11-01T14:12:53.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""78cb8d333e131492cb14885ad13c705c"","Size":58,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"1EwCfE88ViW6JX4ofNO6WIfjomma898z","IsLatest":true,"LastModified":"2018-11-01T14:17:19.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""0f092a304ed6f44f452b173f9e436f86"","Size":17,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"dZR_pv43mW7CKoGUNLwpF1_snARKVLIk","IsLatest":false,"LastModified":"2018-11-01T14:14:10.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"5pW3uHBR2hfazkJJvm2ctxQ8KKYEePsq","IsLatest":false,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234568.pdf","VersionId":"dcmBQfVNGAmXrPL1kdW7_Xp6QvvJDFUk","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234569.pdf","VersionId":"zzo5GIitOGWyAOtJOZKTVC.6AZDzq80m","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234570.pdf","VersionId":"pQoMLL43bbpUXhvObOYBer5TCaWZGzNu","IsLatest":true,"LastModified":"2018-11-01T14:12:55.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/","VersionId":"MAacf2dY4VIQlY7Z_rdy8lHEMZsqZn1o","IsLatest":true,"LastModified":"2018-11-01T14:10:56.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/","VersionId":"lmeFrpnHwiCbXZlMI.nl8OmjS6pOyOu9","IsLatest":false,"LastModified":"2018-11-01T14:10:40.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"o1HlfoDJCjFdDI6EHLFZbSeOdMqH_FE1","IsLatest":true,"LastModified":"2018-11-09T11:53:59.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"7.xdhugiHQBC4tU45gvoAQBKBX4KRjFx","IsLatest":false,"LastModified":"2018-11-01T14:12:53.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""78cb8d333e131492cb14885ad13c705c"","Size":58,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"1EwCfE88ViW6JX4ofNO6WIfjomma898z","IsLatest":true,"LastModified":"2018-11-01T14:17:19.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""0f092a304ed6f44f452b173f9e436f86"","Size":17,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"dZR_pv43mW7CKoGUNLwpF1_snARKVLIk","IsLatest":false,"LastModified":"2018-11-01T14:14:10.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"5pW3uHBR2hfazkJJvm2ctxQ8KKYEePsq","IsLatest":false,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234568.pdf","VersionId":"dcmBQfVNGAmXrPL1kdW7_Xp6QvvJDFUk","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234569.pdf","VersionId":"zzo5GIitOGWyAOtJOZKTVC.6AZDzq80m","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234570.pdf","VersionId":"pQoMLL43bbpUXhvObOYBer5TCaWZGzNu","IsLatest":true,"LastModified":"2018-11-01T14:12:55.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"o1HlfoDJCjFdDI6EHLFZbSeOdMqH_FE1","IsLatest":true,"LastModified":"2018-11-09T11:53:59.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234566.pdf","VersionId":"7.xdhugiHQBC4tU45gvoAQBKBX4KRjFx","IsLatest":false,"LastModified":"2018-11-01T14:12:53.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234566.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""78cb8d333e131492cb14885ad13c705c"","Size":58,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"1EwCfE88ViW6JX4ofNO6WIfjomma898z","IsLatest":true,"LastModified":"2018-11-01T14:17:19.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""0f092a304ed6f44f452b173f9e436f86"","Size":17,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"dZR_pv43mW7CKoGUNLwpF1_snARKVLIk","IsLatest":false,"LastModified":"2018-11-01T14:14:10.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943","ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234567.pdf","VersionId":"5pW3uHBR2hfazkJJvm2ctxQ8KKYEePsq","IsLatest":false,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234567.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234568.pdf","VersionId":"dcmBQfVNGAmXrPL1kdW7_Xp6QvvJDFUk","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234568.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234569.pdf","VersionId":"zzo5GIitOGWyAOtJOZKTVC.6AZDzq80m","IsLatest":true,"LastModified":"2018-11-01T14:12:54.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234569.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-1/test-proj/1234570.pdf","VersionId":"pQoMLL43bbpUXhvObOYBer5TCaWZGzNu","IsLatest":true,"LastModified":"2018-11-01T14:12:55.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-1/test-proj/1234570.pdf","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-2/","VersionId":"59oeJkOFKUui.pu8TgvbaMwld6wxVzXp","IsLatest":true,"LastModified":"2018-11-01T14:09:51.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-2/","MaxKeys":1000,"CommonPrefixes":,"IsTruncated":false,"KeyMarker":"","VersionIdMarker":"","Versions":["ETag":""d41d8cd98f00b204e9800998ecf8427e"","Size":0,"StorageClass":"STANDARD","Key":"project-3/","VersionId":"5Ps6RTq1reD3GiU248s8O3B7qaZF2Z8f","IsLatest":true,"LastModified":"2018-11-01T14:09:59.000Z","Owner":"DisplayName":"owner","ID":"c5b17efdf611dbe1f7557b8d392bdb68caf7ffd03b3a078f5e19b9652ea7d943"],"DeleteMarkers":,"Name":"mybucket","Prefix":"project-3/","MaxKeys":1000,"CommonPrefixes":]
My structure look like below:
- mybucket/folder1/project1/samplev1.txt
- mybucket/folder1/project1/sampleVer2.txt
- mybucket/folder2/
- mybucket/folder3/
How to apply a tree view in Angular to display this data structure and on click show each object's info when expanding like VersionId, LastModified..etc.
angular amazon-s3 tree treeview angular amazon-s3 tree treeview asked Nov 13 '18 at 19:08
Alexi FelixAlexi Felix
387
asked Nov 13 '18 at 19:08
Alexi FelixAlexi Felix
387
asked Nov 13 '18 at 19:08
Alexi FelixAlexi Felix
387
asked Nov 13 '18 at 19:08
Alexi FelixAlexi Felix
387
asked Nov 13 '18 at 19:08
Alexi FelixAlexi Felix
387
387
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53287945%2fdisplay-s3-objects-in-treeview-structure-angular%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53287945%2fdisplay-s3-objects-in-treeview-structure-angular%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
