javascript - Angular 6 - 路由器插座 - 使用 CSS 加载外部 HTML
问题描述
我正在尝试使用 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' }
]
我可以采用以下方法。
如何使用 JavaScript 在 <div> 中加载 HTML 页面？
但是，试图了解 Angular 6 是否有更好的方法。
解决方案
因为我认为链接中的方法是一种很好的方法。您也可以使用角度innerHtml属性。
<div class="home" [innerHtml]="testhtml"></div>
这testhtml是您从 db 获取的 html。有关更多信息，请查看此。