Javascript 使用angularjs更改背景和字体颜色

Javascript 使用angularjs更改背景和字体颜色,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,嗯。所以这里有一个noob问题。我刚开始玩弄angularjs,我想知道是否有类似于ng click的切换功能,或者我必须构建自己的切换功能。当用户选中深色主题选项时,我想更改页面主体的背景和字体颜色。 我设法改变了点击功能的颜色,但我需要它返回到初始状态时,它没有被选中。欢迎提出任何建议:) 黑暗主题 app=angular.module('myApp',[]); 您可以使用ng类将新类应用于元素。文件如下: 我在自己的一个应用程序中也做过类似的事情,从选项页面选择一个主题会将一个新类应用

嗯。所以这里有一个noob问题。我刚开始玩弄angularjs,我想知道是否有类似于ng click的切换功能,或者我必须构建自己的切换功能。当用户选中深色主题选项时,我想更改页面主体的背景和字体颜色。
我设法改变了点击功能的颜色,但我需要它返回到初始状态时,它没有被选中。欢迎提出任何建议:)


黑暗主题
app=angular.module('myApp',[]);

您可以使用ng类将新类应用于元素。文件如下:


我在自己的一个应用程序中也做过类似的事情,从选项页面选择一个主题会将一个新类应用到每个页面的主内容部分。我现在没有可用的代码,但如果您愿意,我可以稍后发布。

您需要将样式添加到components.scss文件或app.scss

.darkTheme{背景:黑色,颜色:白色}

然后,您可以使用Steve提到的ng类指令应用您的样式

并向输入中添加一个模型

工作解决方案


.黑暗主题{
颜色:白色;
背景:黑色;
}
黑暗主题
app=angular.module('myApp',[]);

是的,谢谢,我设法弄明白了。我将发布一个更新的解决方案的答案,也许另一个可怜的灵魂会需要这个。