|
|
|
@ -25,7 +25,7 @@
|
|
|
|
|
<h3>Ingredients</h3>
|
|
|
|
|
<div *ngFor="let ingredient of ingredients.controls; let i = index" [formGroupName]="i" class="form-row">
|
|
|
|
|
<mat-form-field>
|
|
|
|
|
<mat-label>Ingredient:</mat-label>
|
|
|
|
|
<mat-label>Ingredient</mat-label>
|
|
|
|
|
<mat-select formControlName="name">
|
|
|
|
|
@for (ingredient of ingredientsOptions; track ingredient) {
|
|
|
|
|
<mat-option [value]="ingredient">{{ ingredient }}</mat-option>
|
|
|
|
@ -33,7 +33,7 @@
|
|
|
|
|
</mat-select>
|
|
|
|
|
</mat-form-field>
|
|
|
|
|
<mat-form-field>
|
|
|
|
|
<mat-label>Quantity:</mat-label>
|
|
|
|
|
<mat-label>Quantity</mat-label>
|
|
|
|
|
<input matInput formControlName="qty">
|
|
|
|
|
</mat-form-field>
|
|
|
|
|
<button mat-stroked-button type="button" (click)="removeIngredient(i)">Remove</button>
|
|
|
|
|