要解决Angular服务数据无法显示的问题，需要检查以下几个方面：

1. 检查服务是否正确注入：确保服务已经正确地注入到组件中。在组件的构造函数中，需要使用参数来注入服务。例如：

import { Component } from '@angular/core';
import { DataService } from './data.service';

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

2. 检查服务中的数据是否正确加载：在服务中，确保数据已经正确加载。可以使用HttpClient模块来获取数据。例如：

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  constructor(private http: HttpClient) { }

  getData() {
    return this.http.get('https://example.com/data');
  }
}

3. 在组件中调用服务中的方法：在组件中，调用服务中的方法来获取数据。可以使用订阅(subscribe)方法来获取异步数据。例如：

import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
  data: any;

  constructor(private dataService: DataService) { }

  ngOnInit() {
    this.dataService.getData().subscribe((response) => {
      this.data = response;
    });
  }
}

4. 在模板中显示数据：最后，在组件的模板中，使用插值表达式或者其他方式来显示数据。例如：

{{ data }}

通过检查以上几个方面，可以解决Angular服务数据无法显示的问题。如果问题仍然存在，可以检查浏览器的开发者工具中的控制台输出，以获取更多的错误信息。