レイアArchivos json desde角10

ホラ
干し草veces que necesitamos leer unarchivo json para learchidato o n Archivo de Configaci
イマジンのテネモス

{
    "Menu": [
      {
        "id": "b1",
        "name": "Café americano",
        "price": 5,
        "count": 1,
        "type": "breakfast",
        "subType": "",
        "image": "/assets/images/coffee.png"
      },
      {
        "id": "b2",
        "name": "Café con leche",
        "price": 7,
        "count": 1,
        "type": "breakfast",
        "subType": "",
        "image": "/assets/images/latte.png"
      }
    ]
}

<研究ノート>ニコのテネモスについて

import * as data from '../../assets/menu.json'; //aqui es la ruta donde importas el archivo json
...
...
...
  getJsonContent()
    return (data as any); // aqui obtenemos el JSON completo
  }

  getMenuJsonContent()
    return (data as any).Menu; // aqui obtenemos el array de elementos de la propiedad Menu
  }

MapeandoエルContenido A配列配列
ナム・クリプ・デ・ヌエストモ・モソロ『ポデモス・ハッパー・ロー』

Creamos Nuna Clase at a Menma Estructura que tiene el json que queremos mapear :

export interface Product {
    id: string;
    name: string;
    price: number;
    count: number;
    type: string;
    subType: string;
    image: string
}

アディモス・アー・ファン・アヌ・ファン・アール・シエラ・ヌット・フォンシオン( 2 )

import { Observable } from 'rxjs';
import * as data from '../../assets/menu.json';
import { Product } from '../models/product';
...
...
...
 getProducts(): Observable<Array<Product>> {
    return (data as any).Menu;
  }

Y詐欺Esto Ya Tenemosは、配列の製品を配列します.como ven , ya se puede leer unarchivo json desde angle 10 , espero les sirva , hasta la pr mon xma :