custom datagrid

Author: mythz

MyApp.Client/src/app/weather/weather.component.html

@@ -12,22 +12,20 @@
     }
     @else if (forecasts) {
         <data-grid [items]="forecasts">
-
           <ng-template #dateHeader>
             <div class="flex items-center">
               <span class="font-bold text-green-700 uppercase">Date</span>
             </div>
           </ng-template>
 
-          <ng-template #date let-date="date">{{ date | date:'MMMM d, yyyy' }}</ng-template>
-          <ng-template #temperatureC let-temperatureC="temperatureC">
-            {{ temperatureC }}&deg;
+          <ng-template #date let-x="date">{{ x | date:'MMMM d, yyyy' }}</ng-template>
+          <ng-template #temperatureC let-x="temperatureC">
+            {{ x }}&deg;
           </ng-template>
-          <ng-template #temperatureF let-temperatureF="temperatureF">
-            {{ temperatureF }}&deg;
+          <ng-template #temperatureF let-x="temperatureF">
+            {{ x }}&deg;
           </ng-template>
-          <ng-template #summary let-summary="summary">{{ summary }}</ng-template>
-
+          <ng-template #summary let-x="summary">{{ x }}</ng-template>
         </data-grid>
     }