angular 代码中的这个 toggle() 函数来自哪里?

where is this toggle() function coming from in angular code?

我将此代码用于侧边导航:https://stackblitz.com/edit/mat-sidenav-responsive?file=app%2Fsidenav-responsive-example.html

它使用模板引用变量 #sidenav

<a href="#" (click)="sidenav.toggle()">Vodafone Airtime</a>

我想知道这个 .toggle() 函数来自哪里,它是 sidenav 对象的 属性?我在哪里可以查看所有这些属性?

是的,这是Angular Material的sidenav的一个方法。此组件在此处分配给名为 sidenav 的变量:

  <mat-sidenav #sidenav [(mode)]="over" [(opened)]="opened" class="bottom-to-top">

要进一步阅读 sidenav 的方法、输入、输出和属性,最好从官方文档开始: https://material.angular.io/components/sidenav/api