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()
。
我有一个基本清晰度 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()
。