我在Angular 7应用程序中使用Kendo UI。该应用程序需要支持动态更改主题。例如,某些用户可能喜欢浅色模式,而另一些用户则喜欢深色模式。
Kendo UI对主题有很好的支持,但是问题在于只能在编译时设置主题。
根据他们的建议,指定主题应该是angular.json文件的一部分,如下所示。
"styles": [
"node_modules/@progress/kendo-theme-bootstrap/dist/all.css",
"src/styles.scss"
]
,但这只会编译为根页面内的嵌入式CSS。我们不能即时更改它。
我正在考虑的另一种方法是将CSS添加到index.html之类的
<link rel="stylesheet" href="node_modules/@progress/kendo-theme-bootstrap/dist/all.css">
并尝试this解决方案。
这是解决问题的正确方法,还是比此方法更好的解决方案?