如何在角度应用程序中呈现/生成动态HTML内容

时间:2018-09-09 19:02:41

标签: angular

我是Angular的新手,并且几乎了解理论概念。

我需要创建一个基于Web的应用程序,并带有.net和有角度的版本2,4或其他版本。角度应用html页面是动态的,自然而然的。例如,根据特定用户的登录信息,html可能会在面板中显示“ n”个“ Tab”标签控件,甚至根据数据库保存的值,每个用户甚至在html页面上的标签显示顺序也会有所不同。标签控件以及其他控件(如文本框等)的这种配置将通过单独的.net应用程序来自数据库,用户可以在该应用程序上为其角度网站进行配置,他可以在其中选择“ n”标签控件 显示顺序,因此所有内容都是动态的,如标签控件,子数据页面等。

有人告诉我可以通过Pipes完成此操作,但我仍然不太了解如何实现此操作。

让我尝试更加清楚:

  1. 因此,从特定用户的数据库中,我将获取配置,该配置指示他们是否在页面上需要5个选项卡控件或5个文本框,甚至是子内容;因此,在我的角度应用程序中,我需要创建以创建此类HTML和呈现。
  2. 同样在上述第一点,
  3. 将从数据库i中获取特定用户在HTML页面上的元素显示顺序。 例如:在Databse中,对于特定用户,配置表可能表示他需要选项卡控件,例如页面上的Home,Index等,并且Index的显示顺序为1st,而Home为2nd

对于DB中的另一个用户,配置表可能表示他需要选项卡,例如主页,索引,薪水,员工等。html页面上的显示顺序可以是薪水为第一选项卡n,然后雇员为第二选项卡,首页为第三等。

1 个答案:

答案 0 :(得分:0)

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

在github上还有一些可用的解决方案,它们已经基于配置生成控件(json,是否可以从db中读取?!)。参见ng-dynamic-formsngx-schema-form