Javascript 角度6-路由器出口-使用CSS加载外部HTML

Javascript 角度6-路由器出口-使用CSS加载外部HTML,javascript,html,css,angular,Javascript,Html,Css,Angular,我正在尝试使用Angular 6开发基于json的动态模板 在一些用例中,我希望使用css(作为单独的文件作为来自DB的文本)加载外部html(可能是来自DB的文本),并将其用于相应的html 对于ex,我们需要一个home.html和home.ts文件用于下面的路由。我没有将html代码放在home.html中,而是考虑将DB作为文本加载并显示相同的内容。在这里,我想得到相应的css代码也从数据库没有硬编码的css代码在html中 另外,我需要在一个单独的文件中使用相应的JavaScript函

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

在一些用例中,我希望使用css(作为单独的文件作为来自DB的文本)加载外部html(可能是来自DB的文本),并将其用于相应的html

对于ex,我们需要一个home.html和home.ts文件用于下面的路由。我没有将html代码放在home.html中,而是考虑将DB作为文本加载并显示相同的内容。在这里,我想得到相应的css代码也从数据库没有硬编码的css代码在html中

另外,我需要在一个单独的文件中使用相应的JavaScript函数(例如,对于动态html,我可能有一个删除链接或取消链接)。它将类似于typescript。我可以动态加载typescript文件吗

const routes: Routes = [
  { path: '', redirectTo: 'home', pathMatch: 'full' }
]
我可以采用以下方法


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

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

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

这里
testhtml
是您从数据库获取的html。
有关更多信息,请查看。

如何单独获得此html所需的CSS代码?意思是css代码也来自db。