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

问题描述：

正如标题所说，我想在我的nodeJS，express和angular project中实现暗模式开关，并且它的工作原理非常完美。但背景是不会改变......AngularJS材质暗模式开关不改变背景

的按钮，工具栏和他们的字体有变色，但背景保持白色哪种断连败darkmode的目的...

这里是我的代码更改主题控制器

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

它写在帕格因为快递

模板的主题被称为default和dark

任何帮助感谢！

你在哪里放置'md-theme'属性？ – Edric

这里是一个工作[在Codepen上的演示]（https://codepen.io/Chan4077/pen/LyeeRd） – Edric

@Edric在body标签 –

答

我在<body>上有md-theme属性。我将md-theme属性放在<md-content>标签（我最初缺少的标签）上，并且工作正常。

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

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

相关推荐