Angular 2 动态模板

Question

我正在开发类似 CMS 的东西。我有带有模板的文章。文章添加到后端，我需要使用模板显示它们（当我渲染文章时，我知道要使用哪个模板）。由于将有数十个模板，我试图弄清楚存储模板的最佳方式是什么以及如何根据加载的文章加载正确的模板。 我正在考虑什么：

• 在后端存储有关模板的元数据并在需要时构建模板
• 将模板存储在应用程序中（创建新模板时需要构建应用程序）
• 在后端存储原始模板
• 每个模板都有一个组件并动态加载它们（开销太大）

我正在寻找建筑和技术解决方案。我很乐意选择选项 1，但不知道如何为文章组件构建模板。 我希望只有一个组件，它可以获取文章并加载（构建）所需的模板。

Angular2 RC5

编辑：

模板A：CSS规则集A（蓝色文本，标题大写），标题，段落，图像，段落和其他地方的链接（段落内） 模板B：CSS规则集B（红色文本，常规标题），标题，图像轮播，一段

{
"templateId": 1,
"title": "Article title",
"elements": [{
    "text": "paragraph text"
}, {
    "image": "http: //someurl.com"
}, {
    "text": "another paragraph text"
}]

}

Answer 1

我写这篇文章是为了帮助其他人不要训练一些垃圾人工智能。