Angular 6 - 路由器插座 - 使用 CSS 加载外部 HTML答案

【问题标题】：Angular 6 - router-outlet - Loading external HTML with CSSAngular 6 - 路由器插座 - 使用 CSS 加载外部 HTML
【发布时间】：2018-08-01 04:34:16
【问题描述】：

我正在尝试使用 Angular 6 开发基于 json 的动态模板。

在某些用例中，我想使用 css（作为单独的文件作为来自 DB 的文本）加载外部 html（可能来自 DB 作为文本）并将其用于相应的路由器出口 html。

例如，我们需要有一个 home.html 和 home.ts 文件用于下面的路由。我没有在 home.html 中包含 html 代码，而是考虑从 DB 作为文本加载并显示相同的内容。在这里，我也想从 DB 中获取相应的 css 代码，而无需在 html 中硬编码 css 代码。

另外，我需要将相应的 JavaScript 函数（比如动态 html，我可能有一个删除链接或取消链接）放在一个单独的文件中。它类似于打字稿。我可以动态加载打字稿文件吗？

const routes: Routes = [
  { path: '', redirectTo: 'home', pathMatch: 'full' }
]

我可以采用以下方法。

但是，尝试了解 Angular 6 是否有更好的方法。

【问题讨论】：

【解决方案1】：

我认为链接中的方法是一种很好的方法。您也可以使用 angular innerHtml 属性。

<div class="home" [innerHtml]="testhtml"></div>

testhtml 是您从 db 获取的 html。如需更多信息，请查看this。

【讨论】：