AngularJS材质暗模式开关不会改变背景

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AngularJS材质暗模式开关不会改变背景相关的知识,希望对你有一定的参考价值。

我想在我的nodeJS,express和angular项目中实现暗模式开关,并且它运行完美。但是背景没有改变...

它们上的按钮,工具栏和字体正在改变颜色,但是背景保持白色,这有点不利于使用深色模式...

这是我的代码,用于更改控制器中的主题

angularApp.controller('global', function($scope) {
    $scope.changeTheme = function(){
        $scope.theme = $scope.darkmode ? 'dark' : 'default';
    }
});

这是我的angularApp的代码

var angularApp = angular.module('app', ['ngMaterial'])
.config(function($mdThemingProvider) {
    $mdThemingProvider.alwaysWatchTheme(true);
..
.. The theming configs ..

我正在呼叫.dark();

最后,这是我更改主题的开关

md-switch(ng-change="changeTheme()" ng-model="darkmode") Darkmode

html用帕格编写

主题被称为defaultdark

答案

我在md-theme上具有<body>属性。我将md-theme属性放在<md-content>标记上(我最初是缺少它),它起作用了。

感谢Edric提供了帮助我解决这个问题的codepen

以上是关于AngularJS材质暗模式开关不会改变背景的主要内容,如果未能解决你的问题,请参考以下文章

开关打开时更改 UITableViewCells 的背景颜色 - Swift

暗模式开启应用

Angular Material - Mat-Dialog - 改变背景模糊/变暗效果

暗模式不会在 Xcode 中切换到暗模式背景

获取明暗模式主题更改的更新

可绘制文件在深色模式下不会改变颜色