Javascript 包含从JSON或XML构建的元素的角度web页面

首先，我对WebDev还不熟悉。自从我10年前上大学以来，我还没有创建过一个网站，那是在使用Dreamweaver。。。 所以你可能需要像个白痴一样跟我说话，没关系

这可能吗？ 我必须制作一个单页web应用程序，通过自定义api与数据库交互。这个API目前每天都在扩展，因为其他人仍在开发它

我想做的是创建一个网站，根据JSON或XML文件动态添加元素。例如：

{
    "Migrate": {
        "_comment": "The Switch enables or disables the module",
        "Switch": "False",
        "Source": "True",
        "Destination": "True",
        "DB-Name": "True",
        "Port": "9200",
        "API-Call": "api/foo"
    },

    "Export": {
        "_comment": "This was a triumph",
        "Switch": "True",
        "Source": "True",
        "Destination": "False",
        "DB-Name": "True",
        "Port": "9200",
        "API-Call": "api/bar"
    }
}

这可能会在web应用程序中创建两个模块，分别为Migrate和Export，但是Migrate会切换为false，因此它会变灰或完全禁用。任何其他标记为false的内容都是不需要的，都将被隐藏

---

我的目标是使它在将来易于扩展，只需在json文件中添加更多行即可。

这将在web应用程序中创建两个潜在的模块。
，您希望它们做什么？例如：添加一个名为
Migrate
的链接，该链接将打开一个详细页面，并在
API/foo
等处调用API端点。很抱歉，我没有介绍这一点。基本上，我希望它填充页面左侧的导航面板，然后单击其中一个面板将使用从其他选项生成的表单填充主区域。单击submit然后将其发送到api并执行itOkay，这样就有了一个带有
Migrate
，
Export
等的导航面板。。但是，应该生成表单的其他选项是什么呢？因此，如果您查看json，您将看到我有一些字段，例如source、destination和db name。如果这些设置为“true”，则会将其包含在表单中。它将根据json自动构建表单。您尝试创建的基本上是一个动态表单，角度文档具有。但请注意，如果您想快速解决问题，Angular可能不是正确的工具，因为它具有陡峭的学习曲线。