使用httpClient读取本地JSON文件
import { HttpClient } from '@angular/common/http';
public HttpClient: HttpClient
// 获取本地数据
getLocalhostData() {
this.HttpClient.get('/assets/json/areaTree.json').subscribe((data: any) => {
if (data.IsSucceed) {
this.businessAreaList = data.Data
}
})
}
areaTree.json
{
...
}
使用es6 require和exports
var areaTree = require("src/assets/json/areaTree.js");
this.businessAreaList = areaTree;
areaTree.json
module.exports = []
Require 报错:找到tsconfig.app.json文件,在types中加入"node"即可
{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/app",
"types": [
"node"
]
},
"exclude": [
"test.ts",
"**/*.spec.ts"
]
}