时间戳

首页 > 解决方案 > 其他 json 对象中的 Json 对象引用

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

问题描述

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

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

喜欢

foo.json

{ name: 'Avinash', Age: 88 }

Woo.json

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

苏杰森

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

卢杰森

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

它应该编译所有对象以在检索时聚集在一起。

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

标签： jsonangulartypescript

解决方案

而不是json文件，创建 ts 文件并export const从那里创建。像这样的东西：

脚.ts

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

woo.ts

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

烟灰

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

loot.ts

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);
  }
}

推荐阅读