在Angular 7中，可以使用异步加载数据的方式来解决页面变慢的问题。以下是一个示例代码，展示了如何使用RxJS的Observable来逐步加载数据。

首先，需要安装RxJS库：

npm install rxjs

然后，在组件的代码中，可以使用Observable来逐步加载数据。下面是一个示例组件的代码：

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';

@Component({
  selector: 'app-my-component',
  template: `
    

      {{ item }}
    
  `
})
export class MyComponent implements OnInit {
  data$: Observable;

  ngOnInit() {
    this.data$ = this.loadData();
  }

  loadData(): Observable {
    return new Observable(observer => {
      // 模拟异步加载数据
      setTimeout(() => {
        const data = ['Item 1', 'Item 2', 'Item 3'];
        observer.next(data);
        observer.complete();
      }, 1000);
    });
  }
}

在上面的代码中，loadData方法返回一个Observable对象，它会在1秒后异步加载数据。然后，在模板中使用管道async将Observable数据绑定到页面上。

这样，数据将会逐步加载并显示在页面上，而不会导致页面变慢。