jleibl/angular-workshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(product-selection): add loading state during product fetch

Browse Source
This commit is contained in:
Jan-Marlon Leibl
2025-05-06 08:33:46 +02:00
parent 1c46e15836
commit 03bb5e70ee
5 changed files with 25 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/product-selection/product-selection.component.html
View File

@ -1,4 +1,8 @@
<select [ngModel]="selectedProduct()" (ngModelChange)="onProductChange($event)">
<option [ngValue]="null">Select a product</option>
<option *ngFor="let product of products()" [ngValue]="product">{{ product.title }} - {{ product.price | currency : 'EUR' : 'symbol' : '1.2-2' }}</option>
<ng-container *ngIf="isProductLoading()">
<div>Loading...</div>
</ng-container>
<ng-container *ngIf="!isProductLoading()">
<select [ngModel]="selectedProduct()" (ngModelChange)="onProductChange($event)">
<option [ngValue]="null">Select a product</option>
<option *ngFor="let product of products()" [ngValue]="product">{{ product.title }} - {{ product.price | currency : 'EUR' : 'symbol' : '1.2-2' }}</option>
</select>