angular - ClarityNg：如何在里面的点击按钮上关闭 sidenav

Question

我有一个基本的清晰度角度模板，可以在 sidenav 中搜索。当我在移动设备上单击 sidenav 中的查找按钮时，sidenav 不会消失。如何使用 Angular 关闭 sidenav？

Answer 1

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

例如，在模板中添加一个引用变量：

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

然后使用以下命令在您的应用程序组件中访问它：

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

并sidenav.close()在用户单击“查找”按钮时调用。