在app.module.ts文件中添加服务的提供者，例如：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule, HttpClient } from '@angular/common/http';

import { AppComponent } from './app.component';
import { DataService } from './data.service';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    HttpClientModule
  ],
  providers: [DataService], // 添加服务提供者
  bootstrap: [AppComponent]
})
export class AppModule { }

在上面的例子中，我们添加了一个名为DataService的服务提供者并将其注入到依赖项中。在需要使用服务的组件中，也需要对其进行注入：

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

@Component({
  selector: 'app-root',
  template: '
{{title}}
',
})
export class AppComponent {
  title = 'My App';

  constructor(private dataService: DataService) {}
}

请注意，在AppComponent的构造函数中，我们注入了DataService的实例作为依赖项。现在，我们就可以在AppComponent中使用dataService的方法和属性了。