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

问题描述 投票:0回答:1

我想在我的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

node.js angularjs express angularjs-material
1个回答
0
投票

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

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

© www.soinside.com 2019 - 2024. All rights reserved.