Angular6でトグルボタン（mat-button-toggle）クリック時に別要素を呼び出したい

Angular6において、
検索フィルター＋ツリー形式選択可能なプルダウンメニューを実装したいと思い、
mat-button-toggleをクリックした際に別要素（#menu）を表示するようにしたいです。

いろいろ模索したのですが方法が見つからないので、
知見がある方いらっしゃれば、ご教授いただきたいです。

以下、実装中のhtml（一部）です。

<mat-button-toggle-group class="dropdown-button" [class.dropdown-button--disabled]="disabled">
<mat-button-toggle mat-ripple [disabled]="disabled" class="dropdown-button__main" [matRippleDisabled]="disabled" (click)="onClick()">
    {{selectedText}}
</mat-button-toggle>
<mat-button-toggle mat-ripple class="dropdown-button__trigger" [matMenuTriggerFor]="menu">
    <mat-icon>arrow_drop_down</mat-icon>
</mat-button-toggle>

よろしくお願いします！