要从Angular项目中显示数据，您可以按照以下步骤进行操作：

1. 在您的Angular项目中创建一个组件，用于显示数据。您可以使用以下命令来生成一个新的组件：

ng generate component data-display

2. 在您的数据显示组件的 TypeScript 文件中，导入需要的 Angular 模块和服务。例如，如果您需要从服务中获取数据，则需要导入 HttpClient 和 HttpHeaders：

import { Component, OnInit } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';

3. 在组件的构造函数中注入 HttpClient 服务：

constructor(private http: HttpClient) { }

4. 在组件的 ngOnInit 方法中，使用 HttpClient 发起 HTTP 请求以获取数据。以下是一个获取数据的示例：

ngOnInit() {
  this.http.get('https://api.example.com/data').subscribe((data: any) => {
    console.log(data); // 在控制台上打印数据
    // 将数据保存在组件中的变量中以供模板使用
    this.data = data;
  });
}

5. 在组件的 HTML 模板中，使用 Angular 的数据绑定语法显示数据。以下是一个简单的示例：

Data Display

  
{{ item.name }}

在这个示例中，我们使用 *ngFor 指令在一个无序列表中循环显示数据数组中的每个项目的名称。

6. 在您的应用程序的其他组件或模板中，使用 data-display 组件来显示数据。例如：

这样，当您的应用程序加载时，数据将从服务中获取并显示在您的 Angular 项目中。

请注意，此示例假设您已经配置了正确的 HTTP 请求和数据源。您需要根据您的项目需求进行相应的更改和调整。