要将Angular中的组件数据显示在HTML中，需要遵循以下步骤：

1. 在组件的.ts文件中，定义一个属性来存储要显示的数据。例如，假设有一个名为name的属性：

export class MyComponent {
  name: string = 'John Doe';
}

2. 在组件的HTML模板中，使用插值语法将属性绑定到HTML元素中。例如，将name属性绑定到一个h1元素中：

{{ name }}

3. 确保在要显示数据的组件中正确引入和使用了对应的HTML模板。例如，在组件的.ts文件中通过@Component装饰器指定了对应的HTML模板文件：

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  name: string = 'John Doe';
}

在这个例子中，假设HTML模板文件名为my-component.component.html。

4. 在Angular应用的父组件中使用标签来引入和显示这个组件。例如，在app.component.html中使用：

这样，当应用运行时，Angular会自动渲染MyComponent组件，并将name属性的值显示在h1元素中。

确保按照上述步骤正确设置和使用数据，就可以在Angular中将组件数据显示在HTML中了。