login和sidenav组件黑夜主题不生效

来源:2-8 Angular Material 主题

穿鞋的面条

2017-12-15

切换黑夜主题后,header和footer组件(添加了color="primary")的主题颜色改变了,但其它组件的主题没有变化,

我看到老师切换时,login和sidenav组件的主题也跟着变化的,请问这是什么原因?

写回答

2回答

接灰的电子产品

2017-12-15

代码贴出来啊

0
2
穿鞋的面条
问题已经解决了,是我把theme.scss文件里mat-dark-theme()也写成了mat_light_theme()的原因,谢谢老师
2017-12-17
共2条回复

穿鞋的面条

提问者

2017-12-17

<md-toolbar color="primary">
 <button md-icon-button (click)="toggleSidebar()">
   <md-icon svgIcon="menu"></md-icon>
 </button>
 <span>学习Angular4-测试项目</span>
 <span class="fill-remaining-space"></span>
 <md-slide-toggle (change)="toggleDarkTheme($event)">黑夜模式</md-slide-toggle>
</md-toolbar>


export class HeaderComponent implements OnInit {

 @Output()
 toggle = new EventEmitter<void>();

 @Output()
 isDarkTheme = new EventEmitter<boolean>();

 constructor() { }

 ngOnInit() {
 }

 toggleSidebar() {
   this.toggle.emit();
 }

 toggleDarkTheme(event) {
   this.isDarkTheme.emit(event.checked);
 }

}

0
0

Angular打造企业级协作平台,让你在Angular领域中出类拔萃

全网首个介绍官方 Material 组件库用法与 Redux 在 Angular 中的应用

998 学习 · 536 问题

查看课程