//declaring a cart model for products to add

export class Cart{
    id:string;
    name:string;
    quantity:number;
    picture:string;
}

import { Injectable, Inject  } from "@angular/core";
    import { WebStorageService, LOCAL_STORAGE } from "angular-webstorage-service";
    import { Cart } from "./models/cart.model";

    @Injectable({providedIn:'root'})
    export class AppService{
         key="Product";
        mycart:Cart[]=[];//creating a cart array
     constructor(@Inject(LOCAL_STORAGE) private storage: WebStorageService) {

        }

     addtocart(id:string,name:string,quantity:number,picture:string){
      var newcart:Cart={id:id,name:name,quantity:quantity,picture:picture};
      this.mycart.push(newcart);//this gives me error
      this.storage.set(this.key, this.mycart);//saving cart to the local storage

     }

    getproducts(){
        this.mycart= this.storage.get(this.key);
        console.log(this.mycart);
        return this.mycart;
    }



    }