angular7/8 read local json的2种方法

环境搭建

ng new angular-demo

// assets/data.json 
[
    {
        "letter": "A",
        "frequency": 0.08167
    },
    {
        "letter": "B",
        "frequency": 0.01492
    },
    {
        "letter": "C",
        "frequency": 0.02782
    },
    {
        "letter": "D",
        "frequency": 0.04253
    },
    {
        "letter": "E",
        "frequency": 0.12702
    },
]

// tsconfig.json compilerOptions 配置 json ，否在json依赖编译失败
 "resolveJsonModule": false, 

typescript2.9 import

import { HttpClient } from '@angular/common/http';
import { Component } from '@angular/core';
import * as data from '../assets/data.json';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrl