angular2-modules相关内容

如何获取角度为2的当前模块的元数据?

我要获取当前NgModule的元数据,以便获取declarations和providers的列表,以便填充我为以模式显示组件而创建的动态模块。 如何才能做到这一点? 推荐答案 可以使用reflect-metadata包访问声明。但是,您确实需要安装此程序包并将其包含在您的项目中。之后,您可以获得如下注释: let annotations: DecoratorFactory[ ..
发布时间:2022-03-17 21:10:50 其他开发

Angular:带有服务的延迟加载模块

我一直在关注 本教程,了解延迟加载,以下是我的推论. 场景 1:通过将服务放在子模块的 providers 数组中来提供服务 场景 2: 使用 forRoot 方法在子模块中提供服务 在情景 1 中, 如果急切加载子模块,则会将服务实例添加到根注入器中. 如果延迟加载子模块,则会将服务的一个实例添加到根注入器中,并将该服务的新实例添加到子注入器中,这不是通常的用例. ..

Angular2 延迟加载服务被实例化两次

我今天刚刚将我的应用程序切换为延迟加载. 我有一个 SharedModule 可以导出一堆服务.在我的 AppModule 中,我导入了 SharedModule,因为 AppComponent 需要访问一些共享服务. 在另一个模块 FinalReturnModule 中,我导入了 SharedModule.在我的一项服务中,我在构造函数中放置了一个 console.log('hi'). ..

如何在两个模块之间共享服务 - @NgModule 角度而不是组件之间?

在我的应用程序中,我有两个不同的引导模块 (@NgModule) 在一个应用程序中独立运行.没有一个 Angular 应用程序位独立的引导模块,现在我希望它们应该相互通信并共享数据. 我知道通过 @Injectable 服务作为模块中的提供者,我可以在 @NgModule 下的所有组件中共享数据,但是我将如何在两个不同的模块之间共享数据(不是模块内部的组件). 有没有办法可以在另一个模 ..
发布时间:2021-11-08 21:56:57 其他开发

除了设计简单之外,在 Angular2 中使用多个模块还有什么好处?

是否有助于减少加载时间?(比如只加载当前模块到客户端的设备?) 我的理解是... 它会增加服务器和客户端之间的请求数量吗? 它会增加你的代码的复杂性.(因为你需要采取照顾 导入和导出模块并特别注意路由) 解决方案 Angular 支持延迟加载模块.通过这种方式,您可以将应用程序拆分为仅按需加载的部分. {路径:'管理员',loadChildren: 'app/admin/ ..

Angular2 延迟加载服务被实例化两次

我今天刚刚将我的应用程序切换为延迟加载. 我有一个 SharedModule 可以导出一堆服务.在我的 AppModule 中,我导入了 SharedModule,因为 AppComponent 需要访问一些共享服务. 在另一个模块 FinalReturnModule 中,我导入了 SharedModule.在我的一项服务中,我在构造函数中放置了一个 console.log('hi'). ..

Angular2 路由器:如何使用自己的路由规则正确加载子模块

这是我的 Angular2 应用程序结构: 这是我的代码的一部分.下面是Angular2应用的主要module,它导入了它的路由规则和一个子模块(EdgeModule),并使用了一些页面相关的组件. app.module.ts @NgModule({声明: [应用组件,PageNotFoundComponent,登录组件],进口:[...应用路由,边缘模块],供应商: [appRou ..

如何在延迟加载的模块中提供服务,并将该服务的范围仅限于延迟加载的模块及其组件?

在 angular docs FAQ 部分,它指出,“与启动时加载的模块的提供者不同,延迟加载模块的提供者是模块范围的." 链接 'module-scoped'在此仅表示模块还是扩展为包括属于该模块的所有组件? 我问的原因是因为我有一个延迟加载的模块,其中包含 2 个属于它的组件.我在模块中注册了一个服务,但由于某种原因,每个组件都获得了该服务的不同实例. 为了在我的延迟加载模块 ..
发布时间:2021-11-08 21:28:57 其他开发

如何路由到作为模块的子模块的模块 - Angular 2 RC 5

我正在将我正在开发的应用程序升级到最新的 Angular 2 候选版本.作为这项工作的一部分,我尝试使用 NgModule 规范并将我的应用程序的所有部分迁移到模块.在大多数情况下,这一切都进行得很顺利,除了路由问题. "@angular/common": "2.0.0-rc.5","@angular/compiler": "2.0.0-rc.5","@angular/core": "2.0.0 ..

在 Angular 2 (angular-cli) 中使用 vanilla js 代码

我正在尝试实施 Vanilla Tilt JS 插件 在我的项目中,但我什至找不到在我的项目中使用 vanilla js 导入的方法. 到目前为止,我已经尝试将它用作指令,就像您使用来自 @angular 的 ElementRef 、 Input 等来使用 jQuery 插件一样/core. 我已经将脚本直接从 npm 包,我已为 Vanilla Tilt JS 安装. 我正在考 ..

如何为所有模块全局声明一个指令?

我正在开发一个 Github 存储库,它遵循 Angular(英雄之旅)的官方教程.您可以在此处查看所有代码. 我的问题是,我在应用程序的主模块 (app.module) 中声明了一个指令,如果我在 AppComponent 中使用它,它运行良好(该指令仅突出显示DOM 元素内的文本). 但是我在 AppModule 中有另一个名为 HeroesModule 的模块,在这个模块的一个组 ..
发布时间:2021-11-08 20:52:40 其他开发

在AppModule中导入模块以分离Angular2中的关注点

类似于 ASP.NET Core JavaScript服务的模板都带有一个称为的模块AppModule .由于我的应用程序分为两个逻辑区域,因此为它们使用两个模块(AreaA,AreaB)似乎是一个好主意.我的想法是将两者都导入到 AppModule 中,包括共享资源(如Pipes)(可能在此处引起麻烦). 因此出于测试目的,我创建了一个名为 ModuleA 的模块 从'./home/h ..
发布时间:2021-04-07 18:31:29 前端开发

npm run开始工作,而ng服务不工作

我尝试在Linux机器中使用 ng serve 运行angular 2应用程序.它不起作用.但是我尝试了 npm run start 命令.一切正常.我尝试 ng serve 命令时收到以下消息. 作为警告,我们将CLI npm软件包移至"@ angular/cli"在下一个版本中,仅支持Node 6.9及更高版本.这个包裹将是正式弃用不久之后.要禁用此警告,请使用"ng set --globa ..
发布时间:2021-04-06 19:46:35 其他开发

Angular:带有服务的延迟加载模块

我一直在关注此教程,以了解延迟加载,以下是我的推断. 方案1:通过将服务放在子模块的 providers 数组中来提供服务 方案2:使用 forRoot 方法在子模块中提供服务 在场景1中, 如果急切地加载了子模块,则将服务实例添加到根注入器. 如果延迟加载了子模块,则将服务的一个实例添加到根注入器,并将服务的新实例添加到子注入器,这不是通常的用例. 在场景2中, ..

错误TS1192:模块'"模块“"没有默认导出

我创建了一个新模块'A',并尝试将其导入另一个名为'B'的模块中.我在编译时显示此错误 错误TS1192:模块'"模块“"没有默认导出 任何人都可以帮助解决该错误. 解决方案 这是一个简单的错误.发生这种情况的原因是import语句本身中模块名称周围缺少{}.由于这浪费了我2-3个小时的时间,请与大家共享,这样您就不会浪费您的时间.希望这可以帮助某人.干杯,阿比. ..
发布时间:2021-04-06 18:55:30 其他开发