问题标签 [angular2-modules]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - 懒惰的Angular2共享/核心模块
我有 4 个功能模块将被延迟加载。有多个弹出组件,这是功能模块所需要的。目前我已经创建了一个共享模块,它将导出这些组件,每个功能模块都将导入这个共享模块。这种设计的权衡是,共享模块将包含在所有功能包中。问题是某些功能模块中不需要某些弹出组件。
有任何想法吗?
javascript - Angular 2 模块导入
我有这样的主模块,在其中导入基本库:
我的问题是当我在应用程序中创建一个新模块时,即地图模块,我是否需要将所有这些库重新导入该模块。我的印象是,如果我在模块上导入库,它将在子模块下工作。
但是在我的地图模块中,我遇到了类似的错误。
我当前的 MapModule 看起来像
我是否需要再次将 MaterialModule、Forms 等重新导入模块中才能使该模块中的组件正常工作?
javascript - 如何动态加载外部 Angular 2 模块(如从外部 module.bundle.js 提供)
我可以像其他人在这里的 plunker中那样动态加载本地模块。但是我如何加载一个外部模块,比如说从另一个服务提供的单独的 bundle js 中。在示例 plunker 中, src/app.ts 具有:
有什么办法可以做到这一点?
编辑:澄清一下,场景是一组微服务(独立构建、部署等)正在制作水疗中心。所以我的微服务想要从另一个微服务提供的 bundle.js 中动态加载一个组件/模块。这就是为什么我在编译时没有模块/包的原因。两个微服务之间的唯一约定是捆绑文件的 url。如果他们更新了组件/模块,硬刷新应该反映更改,而无需重新部署我的微服务。
javascript - 在 Angular 2 (angular-cli) 中使用 vanilla js 代码
我正在尝试在我的项目中实现Vanilla Tilt JS 插件,但我什至找不到在我的项目中使用 vanilla js 导入的方法。
到目前为止,我已经尝试将它用作指令,就像您通过使用 等来使用 jQueryElementRef
插件Input
一样@angular/core
。
我已将脚本直接包含在我为 Vanilla Tilt JS 安装的npm 包.angular-cli.json
下的文件中。scripts:
我正在考虑将它用作指令,因为它有自己的data-tilt
属性,如下所示:
但是,尽管到目前为止我一直在努力,但我找不到办法做到这一点。我是 Angular 2 的新手。
我的问题是:
是否可以在 Angular 2 中使用普通的 javasciprt 插件,如果可能的话,我该如何实现 Vanilla-Tilt JS 插件?
angular - Angular 2:找不到模块:错误:无法解析
我有一个使用 Angular-CLI 创建的简单应用程序,我想重构 app.component.ts 代码并将其移动到单独的组件文件中,并开始出现严重错误:
找不到模块:错误:无法解析“./sb/sb.component.html”(我的 SBComponent)。在下面
这就是我所拥有的:
应用程序模块:
应用程序组件:
新组件:
任何帮助将不胜感激!
angular - 如何在子模块中定义入口组件?
我想在用户子模块中设置入口组件。它不起作用。但是,当我在父应用程序模块中设置它时,它可以正常工作。为什么 ???
angular - 构建和发布 angular2 模块
我已经为 angular2 编写了一个远程记录器,它工作正常。我现在想将它作为自己的 npm 库发布并努力使其可用。我已经将自己定位于ngx-translate模块的设置。
我在内部使用的记录器的一般设置类似于Ben Nadel 的自定义错误处理程序帖子中描述的设置:
我试图使这种方法适应它自己的模块,如下所示:
我继续创建一个演示应用程序来使用这个模块并用于npm link
本地使用库。虽然它完全构建,但尝试在演示应用程序中使用它时,我收到运行时错误:
我不明白,因为据我所知,所有必要的 DI 令牌都已正确设置。
你可以在这个 git-repository 的 dev-branch 中找到代码:https ://github.com/LarsKumbier/log4ng/tree/dev
任何帮助和提示表示赞赏 - 在此先感谢!
angular - Angular2谷歌标志
嗨,我正在尝试使用 Type Script 的 Angular2 通过他们的指南添加登录/注销到谷歌/从谷歌
在 Index.html 中
在 LoginComponent.ts
}
这对我来说很好,但是当 loginSuccess 我想在那个时候将视图路由到配置文件页面时,我面临如下错误:
而且我希望整个登录过程作为服务或模块重用。如何将整个 Google 登录操作创建为模块或服务
你能给我一个代码片段或工作演示,或者建议我任何 angular2 模块来实现这一点。
我也尝试过 angular2SocialLogin 模块,但这也显示错误当我得到错误的生产时,有些人认为我在git 问题中提到
请帮帮我。在此先感谢..
angular - 如何在延迟加载模块的所有组件之间共享同一个服务实例?
我有一个名为“AppModule”的根模块。“AppModule”延迟加载其他几个模块,其中之一称为“BooksAndRunModule”。我有两个属于“BooksAndRunModule”的组件,它们需要共享一个我命名为“BooksAndRunService”的服务实例。我将“BooksAndRunService”声明为提供者的第一个也是唯一的地方是在“BooksAndRunModule”中。我认为通过这样做,我的两个组件可以访问同一个服务实例,但它们没有。显然,我对依赖注入的理解不足。我不希望这项服务在应用程序范围内可用,这就是为什么我只在“BooksAndRunModule”中将其声明为提供者。什么不要 t 我明白,我怎样才能做到这一点?如果您想查看我的项目中的任何其他文件,请告诉我。
应用模块:
BooksAndRun 模块:
BooksAndRunCreateComponent:
BooksAndRunPlay 组件:
BooksAndRunService:
angular - 如何在延迟加载模块中提供服务并将该服务的范围限定为延迟加载模块及其组件?
在 angular docs FAQ 部分它指出,“与启动时加载的模块的提供者不同,延迟加载模块的提供者是模块范围的。” 关联
这里的“模块范围”是指模块还是扩展为包括属于该模块的所有组件?
我问的原因是因为我有一个延迟加载的模块,其中包含 2 个属于它的组件。我在模块中注册了一项服务,但由于某种原因,每个组件都获得了该服务的不同实例。
为了在我的延迟加载模块中提供 LazyModuleService 并将该服务的范围限定为延迟加载模块及其组件,我需要更改什么?请包括所需的任何其他文件。我试图做一个通用的例子来帮助其他可能发现这个问题的人。
延迟加载模块: