Testing GET request

src/app/pages/test/test.component.html

@@ -1,3 +1,31 @@
 <div id="{{TITLE}}-content" class="pageContent">
-  <i class="bi bi-bug-fill"></i>
+  <h1>allUsers</h1>
+
+  <div class="list">
+    <div class="list-item" *ngFor="let item of dataArray | keyvalue : app.defaultOrder">
+      <p>
+        {{item.key}}
+      </p>
+
+      <p>
+        {{item.value['id']}}
+      </p>
+
+      <p>
+        {{item.value['name']}}
+      </p>
+
+      <p>
+        {{item.value['username']}}
+      </p>
+
+      <p>
+        {{item.value['lastname']}}
+      </p>
+
+      <p>
+        {{item.value['email']}}
+      </p>
+    </div>
+  </div>
 </div>

src/app/pages/test/test.component.scss

@@ -23,3 +23,21 @@ i {
   font-size: calc(var(--responsiveUnit) * 2);
   color: #2bff00;
 }
+
+.list {
+  background: black;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+
+  .list-item {
+    background: white;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+  }
+}

src/app/pages/test/test.component.ts

@@ -10,7 +10,7 @@ import { AppComponent } from '../../app.component';
 export class TestComponent implements OnInit {
   TITLE = 'TestComponent';
 
-  dataArray = [];
+  dataArray: any[] = [];
 
   constructor(
     private cdr: ChangeDetectorRef,
@@ -52,6 +52,9 @@ export class TestComponent implements OnInit {
       }
     ).subscribe((data: any) => {
       console.log(`[${this.TITLE}#loadDataArray] data`, data);
+
+      this.dataArray = data.data;
+      console.log(`[${this.TITLE}#loadDataArray] this.dataArray`, this.dataArray);
     });
   }
 }