angular - Material2 cdk 可滚动从未初始化

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上课，你应该使用 for CdkScrollable。

@ViewChild(CdkScrollable) scrollable: CdkScrollable;