Получить данные по указанному c полю из Json файла в Angular

Question

Файл JSON имеет следующую структуру

localjson.json
  {
    "Product" :{
           "data" : [
               { "itemID" : "1" , "name" : "Apple" , "qty" : "3" }`,
               { "itemID" : "2" , "name" : "Banana" , "qty" : "10" } 
      ]

    } }

Итак, получите элемент по идентификатору, у меня есть

       getfruits(itemID: string) {
        return this.http.get<Array<Fruits>>('assets/localjson.json')
            .pipe(
               map((items: Array<any>) => {
              return items.find((item: Fruits) => {
               return item.itemID=== itemID;

             });
           })
              );
             }

Fruits.ts

    export class Fruits{
          itemID: string;
            name: string;
            qty: string;

     }

Там написано: TypeError: items.find не является функцией

Answer 1

попробуй вот так

export interface Fruits {
  itemID: string;
  name: string;
  qty: string;
}

getfruits(itemID: string) {
 return this.http.get<Array<Fruits>>('assets/localjson.json').pipe(
  map((items: { Product: { item: Fruits[] } }) => {
    return items.Product[0].find((item: Fruits) => {
      return item.itemID === itemID;
    });
  })
);

}