angular - Angular - 如何动态加载 templateUrl？

Question

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

主题1/home.html

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

主题2/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 个主题，并且应该根据登录用户动态呈现特定主题。

如果我通过将变量路径附加到文件名来使 templateUrl 动态化，如下所示，它不起作用。

templateUrl: pathToThemeFolder + '/home.html'

请建议如何实现这一要求？

标签： angular

Answer 1

动态场景需要模板 url（使用 API 服务） Httpclientservice 指令以及基于 API 密钥的导入数据（主题）和导出主题