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();

相关内容

热门资讯

记者爆料!微乐辅助软件购买平台... 记者爆料!微乐辅助软件购买平台,新卡农辅助透视,靠谱教程(有挂详情);亲真的是有正版授权,小编(透视...
科技新动态!新二号辅助软件多少... 【福星临门,好运相随】;科技新动态!新二号辅助软件多少钱,新荣耀房卡辅助,玩家教你(有挂辅助);暗藏...
最新通报!雀友会潮汕辅助器,微... 最新通报!雀友会潮汕辅助器,微乐小程序微乐家乡辅助器,AI教程(有挂秘诀);大家肯定在之前微乐小程序...
终于知道!蜜瓜大厅辅助下载,新... 终于知道!蜜瓜大厅辅助下载,新蜜瓜大厅破解,技巧教程(有挂解惑);蜜瓜大厅辅助下载简单的灵活控制,仅...
实测分享!微信下程序游戏破解器... 实测分享!微信下程序游戏破解器,凑一桌游戏辅助器,第三方教程(有挂助手);超受欢迎的微信下程序游戏破...
指导大家!西兵辅助器,樱花之盛... 指导大家!西兵辅助器,樱花之盛辅助软件下载,规律教程(竟然有挂);大家肯定在之前樱花之盛辅助软件下载...
必看攻略!多乐辅助app,广东... 必看攻略!多乐辅助app,广东雀神辅助器透视,实用技巧(新版有挂);详细广东雀神辅助器透视攻略(广东...
玩家必看科普!微信卡农辅助,蛮... 玩家必看科普!微信卡农辅助,蛮王大厅辅助插件,2025教程(有挂规律)是一款可以让一直输的玩家,快速...
必知教程!途游四川好运符,微乐... 必知教程!途游四川好运符,微乐福建辅助器,安装教程(有挂技术);途游四川好运符是一种具有地方特色的麻...
一分钟了解!蛮王大厅房卡辅助,... 您好:蛮王大厅房卡辅助这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌...