加载异步数据后，Angular2页面不可滚动

Question

我正在使用Angular 2构建博客，在列表页面中，我使用Angularfire FirebaseListObservable从firebase获取帖子。问题是，在加载帖子后，即使列表超出当前可见窗口，页面也不可滚动。这是该页面的屏幕截图。还有更多帖子不可见，页面不可滚动。

component.html

<ul>
    <li *ngFor="let post of posts | async"><h1>{{ post.title }}</h1></li>
</ul>

Answer 1

问题是组件选择器上的样式设置为position：fixed，这阻止了项目的滚动。我通过设置

修复了它

:host(selector){
    position: unset !important;
}