Question

我有任务（auth）：所有数据都应存储在LocalStorage中。应用程序应该没有后端语言或服务您应该创建一个包含10个测试用户的json文件，并在应用程序形成时获取内容。将用户保存到LocalStorage。

我创建了一个包含用户数据的json文件，但我不明白如何在我的服务中获取它。

{
  "Users": [
    {
      "Id": 1,
      "name": "FirstUser",
      "email": "1stemail@gmail.com",
      "password": "test123"
    },
    {
      "Id": 2,
      "name": "2thUser",
      "email": "2themail@gmail.com",
      "password": "test123"
    }
  ]
}

我尝试了一些像

这样的技巧

"import as data from '../shared/users.json' "const users = data.Users"（用户错误）

你有“如何”的想法吗？

Answer 1

我认为它应该是import * as data from '../shared/users.json，但您的system.config可能会在其末尾添加.ts或.js扩展名。

我喜欢这样做的方法是将其作为变量导出到 ts 文件中

export var data = {
  "Users": [
    {
      "Id": 1,
      "name": "FirstUser",
      "email": "1stemail@gmail.com",
      "password": "test123"
    },
    {
      "Id": 2,
      "name": "2thUser",
      "email": "2themail@gmail.com",
      "password": "test123"
    }
  ]
}

然后在组件中导入该变量

import { data } from '../shared/users';

Full plunker示例：http://plnkr.co/edit/CGtxYJkcjYt2cEzrbL00?p=info

如何在没有HTTP的情况下从Angular2（TypeScript）中的json获取数据？

1 个答案: