angular - 如何在 Angular 应用程序中呈现/生成动态 HTML 内容

Question

我是 Angular 的新手，主要了解理论概念。

我需要使用 .net 和 angular 可能是 angular 版本 2,4 或其他创建一个基于 Web 的应用程序。angular app html 页面是动态的。例如，基于特定用户的登录，html 可能会在面板中显示“n”个说选项卡控件，甚至 html 页面上选项卡的显示顺序也会因数据库保存的值而异。选项卡控件以及其他控件（如文本框等）的配置将通过单独的 .net 应用程序来自数据库，用户可以在该应用程序上为他/她的角度网站配置该选项卡控件以及 显示顺序，这样一切都会像选项卡控件、子数据页等一样动态。

有人告诉我这可以通过 Pipes 完成，但我仍然不知道如何实现这一点。

让我试着更清楚一点：

1. 因此，我将从特定用户的数据库中获取配置，该配置表示在页面上他们是否需要 5 个选项卡控件或 5 个文本框甚至是子内容；所以然后在我的角度应用程序中，我需要创建来创建这样的 HTML 并渲染。
2. 同样在上面的第一点，我将从数据库中获取特定用户在 HTML 页面上的元素显示顺序。例如：在 Databse 中，对于特定用户，配置表可能表示他需要选项卡控件，例如页面上的 Home、Index 等，并且 Index 的显示顺序为第一，Home 为第二

对于 DB 中的另一个用户，配置表可能表示他需要选项卡，例如 Home、Index、Salary、Employee 等，html 页面上的显示顺序可能是薪水为第一个选项卡 n，然后员工为第二个选项卡，家庭为第三个等。

标签： angular

Answer 1

我认为你最好的选择是动态表格。

github 上也有一些可用的解决方案，它们已经基于配置（json，从 db 读取？！）生成控件。请参阅ng-dynamic-forms和ngx-schema-form。