要在Angular 10中让根级服务与组件级服务交互,我们可以使用依赖注入(Dependency Injection)机制来实现。可以在根模块中定义根级服务,并将其提供给整个应用程序。
以下是在根模块中定义根级服务的示例代码:
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class RootService {
constructor() { }
// Root-level service logic here
}
在组件级别上,可以在组件的构造函数中注入根级服务:
import { Component } from '@angular/core';
import { RootService } from 'path/to/root.service';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponent {
constructor(private rootService: RootService) { }
// Component-level service logic here
}
现在,我们可以在组件级别的服务中访问根级别的服务。这是因为根级服务已经在整个应用程序中注册并可用。
import { Injectable } from '@angular/core';
import { RootService } from 'path/to/root.service';
@Injectable({
providedIn: 'root'
})
export class ComponentService {
constructor(private rootService: RootService) { }
// Component-level service logic here
}
通过依赖注入机制,我们可以轻松地将根级服务注入到组件级服务中并在整个应用程序中使用它。