问题标签 [angular-module]

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.

0 投票
1 回答
85 浏览

angular - Angular2 共享模块

我有个问题。我有一些组件希望能够添加到我的应用程序中。我不会从一开始就加载所有这些组件,而是按需加载(延迟加载)。

例如,我有这个组件,我只想在某些页面中添加。但不是负载。

共享模块是正确的地方吗?我必须从 app.module 加载它吗?

0 投票
1 回答
265 浏览

angular - 如何从我的 Angular 模块中导出 lodash?

我想制作一个具有一堆实用方法的通用模块,包括 moment 和 lodash 功能。我已经导入了 lodash 并输入了它,只要包含代码,我就可以从我的组件中访问它:

但是,我想让它更通用,这样我就可以导入我的 Utils 模块并同时使用 lodash 和 moment(以及一些自定义函数),而不必在每个组件中单独导入它们。

我有以下代码:

我收到以下错误:

编辑:我想做的是:

代替

我怎样才能做到这一点?

编辑:使代码更多地反映了我想要完成的事情......

0 投票
0 回答
294 浏览

angular - 制作自定义管道模块

我正在将我的应用程序分解为模块,但我在使用管道时遇到了一些问题,我有一些管道需要在整个应用程序中使用。

我尝试制作自己的管道模块,但这似乎并没有像我预期的那样工作。

这就是我所做的。

我希望能够将它导入我的GlobalsModule,这样我只需要导入一次,然后在我导入GlobalsModule的任何地方我也可以访问所有管道UpPipesModule

GlobalModules错误:简单地说,当我添加到要导入它的模块时,我的管道似乎没有被加载。因此我得到以下错误。

至于我想要发生什么。我希望我的管道加载到可以包含在我的单个模块中,GlobalModule然后我可以将其导入到我的应用程序子模块中,每个子模块都代表应用程序的一部分。

导致错误的管道:

0 投票
1 回答
1113 浏览

angular - Angular 模块是否减少了对桶的需求?

我正在从事一个使用桶来导入和导出组件、服务等的项目。我理解这个概念和使用,尽管我确实在 Reddit 上看到了一篇文章,其中建议用 Angular 模块的引入来替换桶。我理解这两个概念,但可能不了解会突出每个概念的不同用例的细节。

0 投票
0 回答
385 浏览

angular - Angular 使用主模块和 2 个子模块时没有提供程序

我有三个模块,一个组合模块,一个身份验证模块和一个记录请求模块。recordrequest 模块需要将 ValuesService 用作单例。我在使用 for root 的身份验证服务中返回一个带有提供程序的模块,并在声明 ValuesService 的提供程序中。然后在 CompositionModule 中导入 AuthModule.forRoot()。这应该在 DI 树中导入 ValuesService 并可供 recordsrequest 模块使用。相反,我看到“没有 ValuesService 的提供者!”

有人可以检查一下他们是否可以发现代码中的错误。如果需要,我可以包括其他部分。

作曲模块

记录请求队列模块

认证模块

价值观服务

0 投票
2 回答
1059 浏览

angular - Angular中具有相同结构的几个页面

我对 Angular 比较陌生,我正在努力使用一个通用模块为多个页面创建相同的行为。

情况如下:我正在创建一个带有多个“页面”的CRUD SPA(使用路由)。事实证明,其中几个页面具有相同的结构和行为,并且仅(在视觉上)与项目在列表中的呈现方式及其选择时的详细信息不同。像Asana的几个页面一样思考,页面之间的唯一区别是列表和详细信息呈现器的方式。

我正在考虑为这些页面中的每一个创建一个模块,但复制和粘贴所有代码只是为了更改一小部分文件似乎很糟糕(更新也将是一场噩梦)。

我想要实现的解决方案是创建一个主 CRUD 模块,其中包含一个 Component/html/css,我可以在其中以某种方式参数化每个页面要使用的渲染器。或任何其他具有尽可能少的复制粘贴的解决方案。

谢谢您的帮助。

0 投票
1 回答
1088 浏览

angular - TranslateModule 配置不起作用

我创建了以下文件来隔离ngx-translate配置:

然后我只是在我的应用程序模块imports部分中使用以下内容:

TranslateModule.forRoot(translateModuleConfig)

但它实际上不再起作用了,这与我将配置直接内联而不是函数时不同。我做错了什么?

0 投票
1 回答
2683 浏览

angular - Angular 2 provider is not working with useValue and function call to new

I am wondering why Angular 2 providers syntax isn't working when I want to provide a specific value via the useValue field.

For instance, in the app.module.ts I have

Attempting this throws an error during ng build:

I am getting around this by simply using the field, useClass, and then specifying the parameters through deps like this:

It works, it's just not ideal and I am wondering what I am missing here. Also, I don't want to have to inject Bar for no reason.

Any help would be greatly appreciated. Cheers!

0 投票
0 回答
226 浏览

angular - Angular AoT 编译和同步注入?

是否可以使以下代码与 AoT 兼容?

SomeModule.withConfig()必须在主模块中导入,并且必须在应用程序启动之前同步设置配置(用于装饰功能),但使用 AoT 编译会抛出:

Angular 编译完成,开始 webpack 打包。

错误:静态解析符号值时遇到错误。调用函数“SomeModule”,不支持函数调用。考虑将函数或 lambda 替换为对导出函数的引用,在 /.../app/app.module.ts 中解析符号 AppModule,在 /../app/app.module.ts 中解析符号 AppModule

有任何想法吗?

编辑:由于评论,这是我在 app.module 中导入模块的方式:

0 投票
2 回答
16916 浏览

angular - Angular 4延迟加载和路由不起作用

我有一个包含我的应用程序路线的模块。其中一条路线是延迟加载模块。

问题是这个延迟加载模块内部有一个子组件的路由。但是在我的路由器配置中,这条路线不会出现......所以当我调用惰性模块时,不会在我的屏幕上显示任何内容。

这是我的路由器配置(主模块):

在我的懒惰模块上:

如果我打印我的路由器配置,我的惰性模块上声明的路由不会显示:

你能帮助我吗?