javascript - 如何为 Angular 2 博客文章设置不同模板的格式？

Question

我想用 Angular 2 创建一个博客。我正在努力寻找问题的答案。

我的问题是我希望每个博客文章模板都不同，因为我将为每个帖子采用不同的格式，并使用不同的图像、片段和文本 block ，因此从 JSON 对象读取是不够的。

例如，如果我只是创建一个普通的静态网站，我只需使用自己的自定义 HTML 页面创建每个博客文章，并且可以灵活地以任何方式设置页面格式。

但从 Angular 来看，我需要坚持使用一个模板，如何才能为每个帖子使用不同的模板，而不为每个新帖子创建新组件？

需要建议，谢谢。

Answer 1

使用innerHTML 将字段显示为HTML。假设您有一个 BlogPostComponent 和一个 HTML 属性 content。然后在您的模板中，您可以执行以下操作:

<h1>{{ title }}</h1>
<div [innerHTML]="content"></div>