javascript - AngularJS 路由从 json 数据创建所有相同的 View 模板

Question

我需要在我的简单 Angular 应用程序中创建一个帖子类型...我有一个包含联系人的 json 文件

  {
    "contacts": [
      {
        "name": "Alf",
        "tel": [
          {
            "home": "0134567890"
          }
        ],
        "address": "1 A Road, A Town, A County, AB123CD",
        "email": "something@somehost.com"
      },
      {
        "name": "Andrew",
        "tel": [
          {
            "mobile": "0774567890"
          }
        ],
        "address": "1 A Road, A Town, A County, AB123CD",
        "email": "something@somehost.com"
      },
      {
        "name": "Zoe",
        "tel": [
          {
            "mobile": "07712456789"
          }
        ],
        "address": "1 A Road, A Town, A County, AB123CD",
        "email": "something@somehost.com"
      }
    ]
  }

我不需要管理员或数据库，因为我将维护该网站。使用上面的内容，我想单击列表项alf，这会将路线和 View 更改为domain.com/alf或domain.com/contact/alf 它将使用 contact 模板 View 以及 alf 的 信息(来自 json)

谷歌搜索给我留下的只有数据库/服务器/管理教程。但我的需求要简单得多。

简而言之，我需要一个接受 url 参数的路由，该路由将加载包含与所提供的 url 参数相对应的数据的 View

Answer 1

您可以按照您喜欢的任何 Google 教程进行操作，只为自己替换一件事:数据源。通常数据是通过 REST api 从数据库加载的，但由于您不需要将数据存储在数据库中，因此可以使用 json-server用于根据您的 json 文件提供 REST api。