如何在沒有 HTTP 的情況下從 Angular2 (TypeScript) 中的 json 獲取數據？

Question

我有任務（身份驗證）：所有數據都應存儲在 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" "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';

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