Angularusingaserviceinanoncomponentfile
创始人
2024-10-29 21:30:36
0

在Angular中,我们可以使用服务来组织可重用的代码。然而,在一些非组件文件中使用服务可能会引起问题。比如,在一个常量或者一个JavaScript模块中使用服务。直接注入这个服务是不可行的。以下是一种

首先,我们需要在我们想要使用服务的非组件文件中引入它:

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

请注意,这里我们使用了相对路径来引入服务。

接下来,我们需要使用Angular的注入器来获取这个服务的一个实例。为此,我们需要在文件的顶部定义注入器:

import { Injector } from '@angular/core'; export let AppInjector: Injector;

export const setAppInjector = (injector: Injector) => { if (AppInjector) { console.error('AppInjector was already set'); } else { AppInjector = injector; } };

上面的代码中,我们定义了一个注入器AppInjector并暴露一个setAppInjector函数,使得我们可以在整个应用中共享注入器。

最后,在应用启动时,我们需要使用主模块中的一个注入器实例来设置AppInjector:

@NgModule({ imports: [ // ... ], declarations: [ // ... ], providers: [ // ... ], bootstrap: [AppComponent] }) export class AppModule { constructor(private injector: Injector) { setAppInjector(injector); } }

现在,我们就可以在非组件文件中使用MyService服务了:

const myService = AppInjector.get(MyService); myService.doSomething();

相关内容

热门资讯

透视教学!wpk透视工作室,w... 透视教学!wpk透视工作室,wpk模拟器多开,我来教教你(有挂规律)1、首先打开wpk模拟器多开最新...
透视辅助!wpk有那种辅助吗,... 透视辅助!wpk有那种辅助吗,wpk有作弊吗,安装教程(有挂方法)运wpk有那种辅助吗辅助工具,进入...
透视有挂!wpk免费辅助,wp... 透视有挂!wpk免费辅助,wpk真吗,切实教程(有挂解密)1、完成wpk免费辅助的残局,帮助玩家取得...
透视工具!wpk模拟器是什么,... 透视工具!wpk模拟器是什么,wpk透视是真的吗,力荐教程(有挂解密)小薇(透视辅助)致您一封信;亲...
透视计算!wpk俱乐部辅助器,... 透视计算!wpk俱乐部辅助器,wpk私人局有透视吗,辅助教程(有挂详情);一、wpk私人局有透视吗A...
透视最新!wpk安卓下载辅助,... 透视最新!wpk安卓下载辅助,wpk真吗,分享教程(有挂解说)1、下载好wpk安卓下载辅助辅助软件之...
透视规律!wpk刷入池率脚本,... 透视规律!wpk刷入池率脚本,wpk俱乐部怎么作弊,AI教程(有挂细节)1、wpk俱乐部怎么作弊系统...
透视软件!wpk辅助购买,wp... 透视软件!wpk辅助购买,wpk私人局有透视吗,存在挂教程(有挂插件);进入游戏-大厅左侧-新手福利...
透视中牌率!wpk有辅助器吗,... 透视中牌率!wpk有辅助器吗,wpk辅助,解说技巧(有挂方法)1、用户打开应用后不用登录就可以直接使...
透视辅助!wpk有那种辅助吗,... 透视辅助!wpk有那种辅助吗,如何下载wpk透视版,2025新版教程(有挂详情)1、进入游戏-大厅左...