Material2 cdk Scrollable 从未初始化

Question

我正在尝试使用新的 API 来监听 Material2 中的滚动事件。我在我的 app.module.ts 中导入了 ScrollDispatchModule 并用 cdkScrollable 指令注释了一个容器，如

<div cdkScrollable>
   <div class="my-content">
   ...
   </div>
   <footer class="my-footer">
   ...
   </footer>
</div>

我想在组件中使用 ViewChild 访问它并订阅这样的事件，但可滚动变量始终未定义：

  @ViewChild(Scrollable) scrollable: Scrollable; 

  ngAfterViewInit() {
     this.scrollable.elementScrolled().subscribe(scrolled => {
         //do stuff
     });
  }

我是否以正确的方式使用这些 API？

Answer 1

Scrollable 指令已移出到 @angular/cdk 模块。从那时起，尽管 Scrollable class，你应该使用 CdkScrollable.

@ViewChild(CdkScrollable) scrollable: CdkScrollable;

Material2 cdk Scrollable 从未初始化

Material2 cdk Scrollable never initialized

angular-material2

angular

angular-cdk