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

Question

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

Answer 1

最直接的解决方案是为您提供NavLevelDirectivesidenav实例的引用@ViewChild及其所有close()方法.

例如,在模板中添加引用变量:

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

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

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

并sidenav.close()在用户点击"查找"按钮时调用.