Angular2:存储在数据库中的视图

Angular2:存储在数据库中的视图,angular,typescript,angular2-components,Angular,Typescript,Angular2 Components,我正在使用Angular2开发GUI原型。最重要的需求之一是在数据库中存储HTML代码(组件的模板)。我只想到一个解决办法: 创建一组组件: 我的布局 我的领域 我的文本框 在数据库中保存如下内容: 创建一个“加载程序组件”,从数据库获取模板并加载所有组件 目前,我正在尝试创建“loader组件”,但没有成功。它动态创建了一个组件,但我无法将数据库中的数据设置为组件的模板。如果我使用“渲染器”,它只打印文本。它无法识别组件的选择器 有什么想法吗 我不确定这种方法是否遵循“角度方式

我正在使用Angular2开发GUI原型。最重要的需求之一是在数据库中存储HTML代码(组件的模板)。我只想到一个解决办法:

  • 创建一组组件:

    • 我的布局
    • 我的领域
    • 我的文本框
  • 在数据库中保存如下内容:


  • 创建一个“加载程序组件”,从数据库获取模板并加载所有组件
目前,我正在尝试创建“loader组件”,但没有成功。它动态创建了一个组件,但我无法将数据库中的数据设置为组件的模板。如果我使用“渲染器”,它只打印文本。它无法识别组件的选择器

有什么想法吗

我不确定这种方法是否遵循“角度方式”,我认为我们正在尝试做一些角度不是为之而创建的事情

有人知道任何现代JS库/框架可以实现这一点


多谢各位

我不确定这种方法是否遵循角度的方式:我肯定它不会。整个想法是创建一个包含整个组件的JS包:代码、模板和样式。甚至可以进一步使用AOT:在构建时编译应用程序,以构建包含已编译组件的捆绑包(即用JS指令替换模板),并避免将angular templae编译器与应用程序捆绑。模板是组件不可分割的一部分。它应该进行单元测试,并使用组件代码进行版本控制。将其存储在数据库中对我来说很糟糕。@JBNizet谢谢您的评论!。我同意你的观点,看起来很糟糕,正如你所说,你不能测试它。我不确定这种方法是否遵循角度的方式:我肯定它不会。整个想法是创建一个包含整个组件的JS包:代码、模板和样式。甚至可以进一步使用AOT:在构建时编译应用程序,以构建包含已编译组件的捆绑包(即用JS指令替换模板),并避免将angular templae编译器与应用程序捆绑。模板是组件不可分割的一部分。它应该进行单元测试,并使用组件代码进行版本控制。将其存储在数据库中对我来说很糟糕。@JBNizet谢谢您的评论!。我同意你的看法,看起来很糟糕,正如你所说,你不能测试它。