防止角度2 ng在添加项目后滚动到顶部

Question

我的角度2博客应用程序遇到了问题。 我使用ngFor来显示帖子，但当我将其他帖子添加到列表时，窗口滚动到顶部。 有人能帮帮我吗？

继承我的代码：

   export class HomeComponent implements OnInit {

      posts : Post[] = [];
      loading : boolean = false;


      constructor(private blogService: BlogService,) { }


      ngOnInit() {
        this.getPosts(this.posts.length);
      }

      getPosts(offset : number){
        this.loading = true;
        this.blogService
            .getPosts(offset,5)
            .then(posts => {
              this.posts = this.posts.concat(posts);this.loading = false;})
            .catch(this.handleError);
      }

      handleError(error: any): Promise<any> {
        console.error('An error occurred', error);
        return Promise.reject(error.message || error);
      }


    }

和模板：

<post *ngFor="let post of posts" [postid]="post.id" [preview]="true"></post>

<button *ngIf="!loading" md-button (click)="getPosts(posts.length)">Plus</button>
<loader *ngIf="loading" [_size]="10"></loader>