ClarityNg：クリックボタンの内側にあるサイドボタンを閉じるには

Question

私はsidenavでの検索で基本的な透明度のテンプレートを持っています。モバイルデバイスのsidenavで[検索]ボタンをクリックすると、sidenavが消えません。どのように角度を使ってsidenavを閉じることができますか？

Answer 1

最も簡単な解決策は、@ViewChildとそのすべてのclose()メソッドを使用して、sidenavのNavLevelDirectiveインスタンスへの参照を取得することです。使用して、アプリケーションのコンポーネントでアクセスすると

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

を：：

たとえば、テンプレートで参照変数を追加し

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

を、ユーザーがクリックしたときにちょうどsidenav.close()を呼び出します」 「検索」ボタンをクリックします。