AngularJS 재질 어두운 모드 스위치가 배경을 바꾸지 않는다.

제목에서 알 수 있듯이, 나는 내 nodeJS, express 및 angular 프로젝트에서 darkmode 스위치를 구현하고자하며 완벽하게 작동한다. 그러나 여기 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();를 호출하고 있습니다.

그리고 마지막으로, 여기에 테마 default 및 dark

어떤 도움을 호출되는 테마 때문에 명시

와 템플릿의 흙에 기록

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

그것을 변경하는 내 스위치입니다 감사합니다!

출처

2017-05-08 Martijn Vissers

'md-theme' 속성은 어디에 배치 했습니까? – Edric

여기에 작동하는 [Codepen의 데모] (https://codepen.io/Chan4077/pen/LyeeRd) – Edric

@Edric body 태그 –

은 <body>에 있습니다. 나는 <md-content> 태그에 (처음에 누락되었습니다) md-theme 속성을 넣었습니다.

이 문제를 해결하는 데 도움이되는 코드 닉의 덕분에

출처

2017-05-09 07:14:24

AngularJS 재질 어두운 모드 스위치가 배경을 바꾸지 않는다.

답변

관련 문제