分类:
前端
先看看代码
- export class SidenavComponent implements OnInit {
-
- private mediaMatcher: MediaQueryList = matchMedia(`(max-width: ${SMALL_WIDTH_BREAKPOINT}px)`);
-
- constructor(
- private router: Router,
- zone: NgZone) {
- this.mediaMatcher.addListener(mql => zone.run(() => this.mediaMatcher = mql));
- }
-
- @ViewChild(MatDrawer) drawer: MatDrawer;
-
- ngOnInit() {
- this.router.events.subscribe(() => {
- if (this.isScreenSmall()) {
- this.drawer.close();
- }
- });
- }
-
- isScreenSmall(): boolean {
- return this.mediaMatcher.matches;
- }
-
- }
看着没什么错
实际根据版本的不同会有问题
(1)this未明确指明某对象
- this.mediaMatcher.addListener(mql => zone.run(() => this.mediaMatcher = mql));
需改成
- this.mediaMatcher.addListener(mql => {
- zone.run((x) =>x.mediaMatcher = mql)
- });
(2)这里也是更具版本的不同也会遇到问题
- @ViewChild(MatDrawer) drawer: MatDrawer;
需改成
- @ViewChild(MatDrawer,{ static:true }) drawer: MatDrawer;
后续会写一些Angluar多路由配置
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739
评价
排名
2
文章
621
粉丝
44
评论
93
docker中Sware集群与service
尘叶心繁 : 想学呀!我教你呀
一个bug让程序员走上法庭 索赔金额达400亿日元
叼着奶瓶逛酒吧 : 所以说做程序员也要懂点法律知识
.net core 塑形资源
剑轩 : 收藏收藏
映射AutoMapper
剑轩 :
好是好,这个对效率影响大不大哇,效率高不高
一个bug让程序员走上法庭 索赔金额达400亿日元
剑轩 : 有点可怕
ASP.NET Core 服务注册生命周期
剑轩 :
http://www.tnblog.net/aojiancc2/article/details/167
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术