ClarityNg：如何关闭里面的click按钮

Question

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

Answer 1

最简单的解决方案是让您使用NavLevelDirective及其所有@ViewChild方法获取sidenav的close()实例的引用。

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

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

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

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

，当用户点击＆＃34;发现＆＃34;时，只需致电sidenav.close()按钮。