2
A
回答
4
在你menu
:
app.component.html:
<div [class.dark-theme]="isDarkTheme">
<!--Your application content here-->
<md-menu #more="mdMenu">
<!--Your content here-->
<button md-menu-item (click)="changeTheme()">
Change Theme
</button>
</md-menu>
</div>
app.component.ts:
// import statements here
import {Component} from '@angular/core';
export class AppComponent {
// Initialize isDarkTheme to false
isDarkTheme: boolean = false;
// Your code here
changeTheme(): void {
if (this.isDarkTheme) {
this.isDarkTheme = false;
} else {
this.isDarkTheme = true;
}
}
}
theme.scss:
@import '[email protected]/material/core/theming/_all-theme';
@include mat-core();
.dark-theme {
// Dark theme
$app-dark-primary: mat-palette($mat-pink, 700);
$app-dark-accent: mat-palette($mat-blue-grey);
$app-dark-theme: mat-dark-theme($app-dark-primary, $app-dark-accent);
@include angular-material-theme($app-dark-theme);
}
相关问题
- 1. 角材2找不到核心主题
- 2. 将角质材质2主题设置为黑色主题
- 3. Ag-grid角材料主题
- 4. 材质涟漪效应:黑暗主题与灯光主题
- 5. 角2 - 点击
- 6. 角2材料
- 7. 使用角材2创建超过3种颜色的主题
- 8. 使用webpack加载主题材质2的角度
- 9. 角材料 - 无法解析 '@角/材料/主题化'
- 10. 材料的UI:从主题
- 11. 禁用角材料的主题风格
- 12. 角度材质2对话框显得更暗
- 13. 角材料2,如何主题选择下拉
- 14. 角质材料2主题在生产中不起作用
- 15. 角度材质 - $ mdSideNav - 背景点击
- 16. 什么是材料设计黑暗的主题颜色?
- 17. 角材2标签
- 18. Android摄像头2轻击焦点
- 19. 角2 @Output用(点击)
- 20. 角2:检查DIV点击
- 21. 如何点击角2
- 22. UITableView黑暗主题
- 23. 角材料2:未找到错误
- 24. 使用更亮和更暗的选项的角度材质2垫调色板()
- 25. iOS UIAlertController黑暗的主题
- 26. RN的黑暗android主题?
- 27. 角度材质菜单触发移动设备中的点击事件2次
- 28. UIPageControl点击“轻扫”?
- 29. 量角器 - 无法点击角度材料标签
- 30. jhipster 4角材2,聊天
我应该另加'sometheme.scss'到我的角cli.json文件? –
是的,你应该添加它。 – Edric