我如何在angular中添加或“注入”来自服务的组件到dom？

在Angular中，要将来自服务的组件添加或"注入"到DOM中，您需要遵循以下步骤：

创建一个服务：首先，您需要创建一个服务来提供您要注入的组件。服务是一个用于共享数据和功能的可重用代码块。您可以使用Angular CLI生成一个服务文件，例如运行命令：ng generate service my-service。
注册服务：接下来，您需要在Angular模块中注册您的服务。打开该模块的文件（通常是app.module.ts）并将服务添加到providers数组中。这将使您的组件能够访问该服务。例如：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { MyService } from './my-service.service';

@NgModule({
  imports: [BrowserModule],
  providers: [MyService],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

在组件中注入服务：在您想要使用服务的组件中，您需要将服务注入到构造函数中。通过注入服务，您可以在组件中使用服务的方法和属性。例如：

import { Component } from '@angular/core';
import { MyService } from './my-service.service';

@Component({
  selector: 'app-my-component',
  template: '<div>{{ data }}</div>'
})
export class MyComponent {
  data: string;

  constructor(private myService: MyService) {
    this.data = this.myService.getData();
  }
}