其他 json 对象中的 json 对象引用

Question

我正在开发一个带有角度的静态网站，我们决定将数据放在JSON文件中。但数据在本质上是相当大和重复的。

因此，我决定将数据隔离在多个 JSON 文件中。

喜欢

foo.json

{ name: 'Avinash', Age: 88 }

呜

{ City: 'Newyork', Street: 'Lincoln Park' }

所以.Json

{City: 'Dubai', Street: "Marina"}

卢·

 { Customer: 'foo.json', Address1: 'Woo.json', Address2: 'Soo.Json' } 

它应该编译所有对象以在检索时获取。

我在这里阅读了 json 指针概念，认为它可能很有用。但是我不知道如何在打字稿中做到这一点...

Answer 1

与其json文件，不如创建 ts 文件并从那里export const。像这样：

foo.ts

export const foo = { name: 'Avinash', Age: 88 };

呜

export const woo = { City: 'Newyork', Street: 'Lincoln Park' };

所以.ts

export const soo = {City: 'Dubai', Street: "Marina"};

啧

import { foo } from './foo';
import { woo } from './woo';
import { soo } from './soo';
export const loo = { Customer: foo, Address1: woo, Address2: soo };

loo将包含一个聚合对象，然后您可以在所需的组件中导入和使用该对象。

像这样：

import { Component } from '@angular/core';
import { loo } from './data/loo';
@Component({...})
export class AppComponent  {
  ngOnInit() {
    console.log(loo);
  }
}