如何根据所选语言更改颜色方案

Question

在Angular中，如何根据所选的语言制作调色板。我希望它像记事本++中的语言一样工作。我在用户粘贴代码的地方输入了代码，然后将其格式化了。一切正常，我只需要标签和文本即可具有颜色。如果是HTML，CSS或其他某种语言，则应该有所不同。

Answer 1

也许您可以定义CSS类，然后可以将值绑定到HTML中的此类。

例如：

HTML

<div class={{ color }}>
...
</div>

TS

color: string = "blue"

CSS

.blue { background-color: blue }
.green { background-color: green}

因此您可以在TS中动态更改color属性的值。希望这会有所帮助。