import { Component, OnInit } from '@angular/core'; import { MatSelectModule } from '@angular/material/select'; import { MatDividerModule } from '@angular/material/divider'; import { BackendService } from '../REST_service/backend.service'; import { FormsModule } from '@angular/forms'; @Component({ selector: 'shopping-cart.component', templateUrl: './shopping-cart.component.html', styleUrls: ['./shopping-cart.component.css'] }) export class ShoppingCartComponent implements OnInit { recipes: Recipe[] = []; ingredients : Ingredient[] = []; units: string[] = []; amounts: number[] = []; types: string[] = []; rIDs: number[] = []; constructor( private restService: BackendService) { this.restService.getRecipes().subscribe( res => { var i: number; for(i = 0; i < res.length; i++) { this.restService.getRecipe(res[i]).subscribe( res2 => { this.recipes.push(res2) }); } }); } ngOnInit() { } addAll(): void { } addRecipe(id: number): void { } addIngredient(ing: Ingredient): void { this.ingredients.push(ing); } printList(): void { } }