angular - 清晰度 Ng : how to close sidenav on click button inside

Question

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

Answer 1

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

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

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

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

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

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