其他JSON对象中的Json对象引用

时间:2019-07-15 06:19:00

标签: json angular typescript

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

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

foo.json

 String products[] = request.getParameterValues("products"); 
     if (products!= null && items!= null && products.length != 0 && items.length != 0) {
            for (int i = 0; i < products.length; i++) {
     //your code
   <div class="form-group">
    <label for="product_name">Product Total Price: <%
    //getting item value of that selected checkbox 
  int item_no=Integer.parseInt(request.getParameter("item_no_" + products[i]));
  int propri=Integer.parseInt(rs.getString("product_price"));
  out.println(num1 * propri); int gtotal= num1 * propri;   %></label>
      <input type="hidden" class="form-control" id="item_no" name="item_no" value='items[j]'>
</div>

Woo.json

{ name: 'Avinash', Age: 88 }

Soo.Json

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

Loo.Json

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

它应该编译所有对象以使其恢复原状。

我已经阅读了json指针概念here,认为可能有用。但不知道该怎么用打字稿!!

1 个答案:

答案 0 :(得分:0)

从ts文件和json那里代替export const文件。像这样:

foo.ts

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

woo.ts

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

soo.ts

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

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