javascript - Angular 2动态全局CSS

标签 javascript css angularjs

我正在开发一个应用程序,每个用户都可以在其中为其仪表板定义自定义颜色。如 textColor、accentColor 和 backgroundColor;

整个 UI 将使用这些颜色。

我知道如何设置一个动态的 css 属性,但对每个元素都这样做似乎不正确。

我想知道我是否可以创建一个动态 css 并将其注入(inject)到应用程序中。 (是不是太多变通办法了?)

我设法通过使用服务器端生成的 theme.css(类似于 /users/1.css)使其工作。你能闻到吗?

正确的做法是什么?

最佳答案

我们开发了一个必须是白标的应用程序,因此我们为可编辑元素创建了指令,并且指令监听了处理来自服务器的布局包的服务,如果需要则覆盖该属性。在您的情况下,您可以选择只有 textColor、accentColor 和 backgroundColor 指令,而不是每个布局组件都有自己的布局指令。

我目前正在寻找一种方法来实际从服务器接收整个 scss,这将覆盖 Sass 中的变量,但我还找不到任何方法。

我还会分享这篇文章,它可能会有所帮助: https://engineering.thetrainline.com/how-we-implemented-a-single-page-application-using-react-3f22e4d545c4

关于javascript - Angular 2动态全局CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48271980/

相关文章:

javascript - 带文字功能的动画

javascript - 使用 ES6 和 webpack 导入 Angular 服务

angularjs - Angular nvd3折线图改变轴的颜色

angularjs - ASP.NET MVC、AngularJS、Bower 和部署站点文件夹结构

javascript - 如何在 Bootstrap slider 中设置指示器的样式?

javascript - 缩放和裁剪视频源

javascript - 自定义数字格式函数无法将 0 作为小数返回

javascript - CSS 布局问题 - 在包装器上放置侧边栏

javascript - 下拉菜单淡出

css - 在手机浏览器中使用键盘弹出窗口查看内容