Skip to main content
Communityユーザーがトップに表示した
Communityユーザーがトップに表示した
Communityユーザーがトップに表示した
Communityユーザーがトップに表示した
Communityユーザーがトップに表示した
Communityユーザーがトップに表示した
Communityユーザーがトップに表示した
Communityユーザーがトップに表示した
Communityユーザーがトップに表示した
タグを編集
リンク
cubick
  • 2.1万
  • 5
  • 27
  • 64
ソース リンク

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>

よろしくお願いします!