CDN Sidenav de material angular Desplazable
El material angular CDK proporciona unDirective
CdkScrollable
, que te permite escucharScrollEvent
s de un contenedor específico.
Ahora estoy intentando acceder alCdkScrollable
delMatSidenavContent
, que se agrega de forma predeterminada.
Sin embargo, mi @ViewChild (CdkScrollable) y @ContentChild (CdkScrollable) siempre están indefinidos.
MiComponent
se parece a esto:
<mat-sidenav-container>
<mat-sidenav>Sidenav content</mat-sidenav>
<div>Main content</div>
</mat-sidenav-container>
El DOM resultante se parece a esto:
<mat-sidenav-container>
<div class="mat-drawer-backdrop"></div>
<div tabindex="-1" class="cdk-visually-hidden cdk-focus-trap-anchor"></div>
<mat-sidenav>Sidenav content</mat-sidenav>
<mat-sidenav-content cdkScrollable>
<div>Main content</div>
</mat-sidenav-content>
</mat-sidenav-container>
losmat-sidenav-content
Component
, que se genera automáticamente, utiliza unCdkScrollable
-Directiva, a la que necesito acceder.
Mi pregunta es ahora:
¿Es posible acceder a eso?Directive
Y si es así, ¿cómo?