Merge pull request aws-samples#36 from suhussai/minor-angular-ui-fixes

Minor angular UI fixes

Author: ujwalbukka

clients/Application/src/app/views/orders/list/list.component.html

@@ -7,7 +7,7 @@ <h2>Order List</h2>
         <ng-container matColumnDef="name">
           <th mat-header-cell *matHeaderCellDef>Name</th>
           <td mat-cell *matCellDef="let element">
-            <a class="link" routerLink="/orders/detail/{{ element.key }}">
+            <a class="link" routerLink="/orders/detail/{{ element.orderId }}">
               {{ element.orderName }}
             </a>
           </td>

clients/Application/src/app/views/products/list/list.component.html

@@ -18,9 +18,9 @@ <h2>Product List</h2>
         </ng-container>
 
         <!-- Description Column -->
-        <ng-container matColumnDef="description">
-          <th mat-header-cell *matHeaderCellDef>Description</th>
-          <td mat-cell *matCellDef="let element">{{ element.description }}</td>
+        <ng-container matColumnDef="sku">
+          <th mat-header-cell *matHeaderCellDef>SKU</th>
+          <td mat-cell *matCellDef="let element">{{ element.sku }}</td>
         </ng-container>
 
         <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>

clients/Application/src/app/views/products/list/list.component.ts

@@ -11,7 +11,7 @@ import { ProductService } from '../product.service';
 export class ListComponent implements OnInit {
   productData: Product[] = [];
   isLoading: boolean = true;
-  displayedColumns: string[] = ['name', 'price', 'description'];
+  displayedColumns: string[] = ['name', 'price', 'sku'];
 
   constructor(private productSvc: ProductService, private router: Router) {}