AngularJS Material暗模式开关不改变背景答案

【问题标题】：AngularJS Material dark mode switch not changing backgroundAngularJS Material暗模式开关不改变背景
【发布时间】：2017-10-06 10:25:10
【问题描述】：

我想在我的 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 是用 Pug 编写的

主题名为default 和dark

【问题讨论】：

你把md-theme属性放在哪里了？
这是一个有效的demo on Codepen
@Edric 在正文标签上

标签： node.js angularjs express angularjs-material

【解决方案1】：

我在<body> 上有md-theme 属性。我将md-theme 属性放在<md-content> 标记上（我最初缺少的）并且它起作用了。

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

【讨论】：