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上课,你应该用CdkScrollable.

@ViewChild(CdkScrollable) scrollable: CdkScrollable;