用变量分配角度主题类名

Question

我有4个主题，我允许用户从中选择我的角度应用程序。然后，我想将与该主题相对应的字符串分配给包含该应用程序的主div。我可以通过更改手动完成

<div class="dark-theme"> or
<div class="default-theme"> etc.

我想做的是从我从应用程序设置中提取的变量设置主题的类名。例如 （component.ts）

this.theme = this.settings.theme

（component.html）

<div class={{theme}}>

我已经尝试过[ngClass]，[className]，{{theme}}，“ {{theme}}}”和其他许多变体，但是没有用。我知道我将正确的主题名称传递给html，因为我也可以将其显示在\ p>元素中。我所做的所有阅读都始终涉及对ngClass使用条件。您是否只能从组件打字稿中的字符串变量的内容/值中直接分配字符串？

谢谢。...

Answer 1

<div [ngClass]="theme"/>

尝试一下