How to read value from JSON file in Angular11? - json

Question

I want to read value from this JSON file in my Angular application, How can I do that?
(this JSON file is not inside the folder of my application). And I have another problem when I use Angular charts (Pie or LineChart...) in two components it worked in one component and not in the other What's the problem please?
{
"name": "Global Information",
"numberOfRequests": {
"total": 5,
"ok": 0,
"ko": 5
},
"minResponseTime": {
"total": 144,
"ok": 0,
"ko": 144
},
"maxResponseTime": {
"total": 146,
"ok": 0,
"ko": 146
},
"meanResponseTime": {
"total": 145,
"ok": 0,
"ko": 145
},
"standardDeviation": {
"total": 1,
"ok": 0,
"ko": 1
},
"percentiles1": {
"total": 145,
"ok": 0,
"ko": 145
},
"percentiles2": {
"total": 145,
"ok": 0,
"ko": 145
},
"percentiles3": {
"total": 146,
"ok": 0,
"ko": 146
},
"percentiles4": {
"total": 146,
"ok": 0,
"ko": 146
},
"group1": {
"name": "t < 800 ms",
"count": 0,
"percentage": 0
},
"group2": {
"name": "800 ms < t < 1200 ms",
"count": 0,
"percentage": 0
},
"group3": {
"name": "t > 1200 ms",
"count": 0,
"percentage": 0
},
"group4": {
"name": "failed",
"count": 5,
"percentage": 100
},
"meanNumberOfRequestsPerSecond": {
"total": 5.0,
"ok": 0,
"ko": 5.0
}
}

Answer 1

Just add "resolveJsonModule":true in you tsconfig file:
/* To learn more about this file see: https://angular.io/config/tsconfig. */
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"forceConsistentCasingInFileNames": true,
"strict": true,
"noImplicitReturns": true,
"noFallthroughCasesInSwitch": true,
"declaration": false,
"noImplicitAny": false,
"downlevelIteration": true,
"experimentalDecorators": true,
"moduleResolution": "node",
"importHelpers": true,
"strictPropertyInitialization": false,
"target": "es2015",
"module": "es2020",
"lib": [
"es2018",
"dom"
],
"resolveJsonModule": true,
"esModuleInterop": true
},
"angularCompilerOptions": {
"strictInjectionParameters": true,
"strictTemplates": true
}
}
Now you can simply import your Json file anywhere.
Import { data } from 'path/to/json/file.json'