ClarityNg:如何在内部单击按钮时关闭 sidenav

ClarityNg: how to close sidenav on click button inside

我有一个基本清晰度 angular 模板,可以在 sidenav 中进行搜索。当我在移动设备上单击 sidenav 中的查找按钮时,sidenav 不会消失。如何使用 angular?

关闭 sidenav

最直接的解决方案是使用 @ViewChild 获取对 sidenav 的 NavLevelDirective 实例及其所有 close() 方法的引用。

例如,在您的模板中添加一个引用变量:

<nav #mySidenav class="sidenav" [clr-nav-level]="2">
    <app-sidebar></app-sidebar>
</nav>

然后使用以下方法在您的应用程序组件中访问它:

@ViewChild("mySidenav", {read: NavLevelDirective}) sidenav: NavLevelDirective;

并在用户单击 "find" 按钮时调用 sidenav.close()