2017-05-08 67 views
0

正如標題所說,我想在我的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

它寫在帕格因爲快遞

模板的主題被稱爲defaultdark

任何幫助感謝!

+0

你在哪裏放置'md-theme'屬性? – Edric

+0

這裏是一個工作[在Codepen上的演示](https://codepen.io/Chan4077/pen/LyeeRd) – Edric

+0

@Edric在body標籤 –

回答

0

我在<body>上有md-theme屬性。我將md-theme屬性放在<md-content>標籤(我最初缺少的標籤)上,並且工作正常。

感謝Edric的幫助我解決了這個問題