javascript - 在 Angular JS 中使用 HTML 版本控制渲染动态 UI

Question

我有一个具有挑战性的要求。要求如下。

1. 我们今天正在设计一个包含 10 个 UI 元素的 UI。
2. 用户创建的记录很少。
3. 一个月后，新版本发布，屏幕上有 12 个 UI 元素。
4. 当用户创建新记录时，他应该看到 12 个 UI 元素，当他打开旧记录时，他应该看到 10 个元素。

为了实现这一点，我想，我们可以存储创建记录的版本并呈现属于该版本的 HTML。但是，这将不必要地不断增加项目大小，就像代码得到 100 次修订一样，将会出现很多 HTML 重复项。

我曾想过在前端使用“switch-case”或“if-else”语句，但它会减慢 UI，因为 JS 完成了太多繁重的工作。

请提出一种使用 JS 或 jQuery 或 Angular 来满足此要求的方法。任何一个框架都可以，直到它可以工作。

非常感谢您提前回复，

Answer 1

查看一个名为 angular-schema-forms 的框架。您无需使用此框架编写 HTML。相反，您向它传递一个 JSON 对象，该对象具有您要显示的字段及其相应的显示作为属性。它预装了所有常用控件的模板，还允许您编写自己的模板。