Angular-如何动态加载templateUrl？

Question

我必须构建一个支持动态模板渲染的应用程序。 例如，考虑使用以下目标网页模板。

theme1 / home.html

<div>Welcome ${name}!</div>

theme2 / home.html

<div>Welcome ${name}!</div>
<p>Sed ut perspiciatis unde omnis iste natus  inventore</p>

如果用户“ A”登录，则应呈现theme1 / home.html，而对于用户“ B”，则应呈现theme2 / home.html。

我必须在我的应用程序中维护10-15个主题，并且应该根据登录用户的动态呈现特定主题。

如果我通过按如下所示将可变路径附加到filename来使templateUrl动态化，则它将无效。

templateUrl: pathToThemeFolder + '/home.html'

请建议如何达到此要求？

Answer 1

要实现这种动态方案，您需要与用户一起在后端保存主题详细信息。

用于检查有效用户的API，还可以在API响应中获取主题详细信息，并可以基于该API加载主题。

Answer 2

动态方案需要模板url（使用API​​服务）Httpclientservice指令并基于API密钥导入数据（主题）和导出主题