在Angular5中，可以通过使用ngLoad库来实现手机端上拉加载更多数据的功能。ngLoad是一个基于Angular的轻量级的加载器库，它可以自动加载和管理多个加载项，并将它们放在一起。

以下是一个基本的实现步骤：

1. 首先，你需要在你的应用中安装ngLoad库。你可以使用npm来安装：

bash npm install ngload

1. 然后，你需要在你的组件中注入ngLoad服务。你可以通过以下方式：

```typescript import { Component } from '@angular/core'; import { ngLoad } from 'ngload';

@Component({ selector: 'app-my-component', templateUrl: './my-component.component.html', styleUrls: ['./my-component.component.css'] }) export class MyComponentComponent { constructor(private ngLoad: ngLoadService) {}

loadMoreData() { this.ngLoad.load(this.getDataUrl()); }

getDataUrl() { // 这里是你获取数据的URL return 'http://example.com/data'; } } ```

1. 在你的组件中，你需要定义一个loadMoreData()方法，该方法将在用户点击上拉按钮时调用。

2. 最后，你需要在你的模板文件中使用ngLoad.load()方法来加载数据。例如：

```html

{{totalItems}}

加载更多

```

在这个例子中，每当用户点击加载更多按钮时，都会调用loadMoreData()方法，该方法将从服务器获取更多的数据，并显示在页面上。