Angular-09:服务的作用域

各种学习后的知识点整理归纳，非原创！

① 在根注入器中注册服务

所有模块使用同一个服务实例对象。

1. 注册到“root”根注入器中，该实例可以注入到任何组件和模块当中

注册到“root”

@Injectable({
  providedIn: 'root'
})
export class TestService {}

---

② 在模块级别注册服务

在该模块中的所有组件使用同一个服务实例对象。

语法1：在service中使用providedIn中指明模块

@Injectable({
  providedIn: AppModule
})
export class TestService {}

语法2：在module（模块中）中使用providers

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

---

③ 在组件级别注册服务

该组件及其子组件使用同一个服务实例对象。

在组件@Component装饰器元数据中添加providers

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
  providers:[TestService],
  changeDetection: ChangeDetectionStrategy.OnPush
})