使用角度ng2-admin隐藏移动视图的菜单项。

Question

我正在使用角度NG2-管理，并试图隐藏菜单项，以降低分辨率。而且菜单不是在移动视图中关闭，而是阻塞了一半内容的视图。

当前行为：

在低分辨率下，当我们点击一个链接，或者当我们点击菜单外部时，菜单应该关闭自己。当前，菜单在这两种情况下都不会崩溃，并且阻止了分辨率宽度<1200 of上站点一半内容的视图。

预期行为：

当分辨率为1200 it或更低时，当菜单展开时，当我们单击菜单项或单击菜单外部时，它应该关闭自己。

Answer 1

考虑使用“断点”api：.ts

import { Breakpoints, BreakpointObserver } from '@angular/cdk/layout';

isHandset$: Observable<boolean> = this.breakpointObserver
.observe(Breakpoints.Handset)
.pipe(
  map(result => result.matches),
  shareReplay()
);

constructor(
public breakpointObserver: BreakpointObserver,
) {}

.html

<div *ngIf="isHandset$"></div>