问题标签 [ng-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.

0 投票
2 回答
8585 浏览

angular - 如何在angular2中使用sharedModule?

我有一个 angular2 组件,我想在多个模块之间共享。

所以我在 sharedModule 下面写了,

然后我将此 sharedModule 添加到多个模块中,如下所示:

app.module.ts

我也类似地将 sharedModule 添加到 generic.module.ts 中,

通用模块.ts

但是当我尝试在 generic.module.ts 的组件中使用通用组件时,我遇到了错误

模块“GenericModule”导入的意外值“未定义”

0 投票
1 回答
752 浏览

angular - 整个应用程序的ngModule导入模块?

我正在将我的应用程序升级到 angular2 RC,我对 ngModule 有疑问。

假设我使用了一些 componentsModule,其中包含我想在我的应用程序周围使用的所有类型的组件。

为什么我需要分别在每个模块中导入它们?为什么我不能只告诉 appModule - “嗨,确保每个人都得到这个。”

不会在使用他的每个模块中一遍又一遍地要求该模块只是浪费资源吗?还是 angular2 将它们用作单例?如果是这样,那不是问题吗?- 如果我确实需要新的 insentces 怎么办

0 投票
2 回答
3271 浏览

angular - Angular2 2.0.0 如何向@NgModule 添加简单的功能

我想创建一个“实用模块”:tnt.module.ts:

这是一个 util 函数示例:tnt.utils.ts

我收到一个错误:

我错过了什么?为什么我不能创建具有简单功能的模块?我想我只是错过了一个简单的细节,但我无法弄清楚......

0 投票
1 回答
408 浏览

angular - 了解@NgModule 的用法

这个新的@NgModule 废话让我很难过。之前,我可以通过元对象的属性明确地指定 a@Component的指令依赖关系。所以:directives: []@Component

现在,在“方便”的幌子下,看来我现在必须声明一个@NgModule,将所有这四个组件放在一个数组中,如下所示:

这不会掩盖我的组件的真正依赖关系图吗?如果我这样做,我怎么知道它实际上是依赖于 Cmp1 的 Cmp3?哦,当然,我可以在这里和那里省略一些导入语句,但似乎代价是失去每个组件的显式依赖关系。

我通读了迁移指南和角度模块指南,但我觉得我从根本上不同意@NgModule 的设计决定。我错过了什么吗?

0 投票
2 回答
5373 浏览

angular - 一个 NgModule 与 Angular 2 的多个 NgModule

我想知道是否最好创建一个包含我所有 angular 2 代码的单个模块,或者是否最好将所有内容拆分到多个模块中。例如,我正在使用 Angular 2 创建我的博客。所以我有一个“文章列表”组件和一个“文章”组件。“article-list”调用一个服务,该服务返回一个文章列表,然后对其执行“ngFor”,并为每个文章插入一个“文章”。

“文章”组件包含一个“标签列表”组件(遵循与“文章列表”相同的模式,所以我也有一个“标签”组件)。目前,一切都在一个模块中,并且运行良好,但在这里,我可以看到他们为“英雄”相关的东西创建了一个模块,但我只是想知道它是否真的有必要。

实际上,我并不完全知道创建模块的成本,而不仅仅是将所有内容都放在主模块中,所以我很难知道我应该继续使用一个模块还是创建一个“文章”模块和一个“标签”模块.

0 投票
1 回答
386 浏览

angular - 关于在 styleUrls 数组中声明的 scss 文件,来自 Angular 2 中的功能模块构建的错误

这是我的功能模块的 NgModule:

组件内部:

该错误与我使用 styleUrls 数组声明的 .scss 文件有关,如果我将其删除,则组件可以工作,另一方面,我会收到此错误:

但是 .scss 文件没有任何错误,而且这只发生在我的自定义模块上,它适用于所有其他组件(不是功能模块)

0 投票
1 回答
479 浏览

angular - Angular 2 最终版本 - ngModule 无法识别共享组件

我在运行 Angular 2 的最终发布版本时遇到了 ngModule 和我的组件的配置问题。

这就是我所拥有的:



注意这里的两件事:

1)我没有使用页眉模块,因为我认为 sharedModule 应该照顾所有这些共享组件,而是一个一个地创建,但我不确定。

2)我只是在共享模块中使用“导出”,而不是在我的应用程序中的任何其他模块中

我得到的错误是这个:

在此处输入图像描述

我一直在尝试很多事情,但似乎没有什么能解决我的问题,我非常感谢你能提供的任何帮助。

如果需要更多信息,请告诉我。

谢谢

0 投票
4 回答
557 浏览

angular - 我们在 ngModule 装饰器下声明的类中编写了什么样的代码?

我刚刚开始学习 Angular。我遇到了几个ngModule在空的class.

我想知道的是......装饰器class正下方的声明是ngModule仅用于初始化模块还是用于任何其他目的?

0 投票
3 回答
8448 浏览

inheritance - 如何从Angular2中的另一个模块继承一个模块?

所以我正在使用 Angular 2 final (2.0.0),假设我创建了一个 WidgetsModule,其中包含一堆指令和组件,这些指令和组件将帮助我构建我的应用程序,然后将其导入我的 AppModule

然后我想在子模块中使用小部件,如 HomeModule、CartModule 等。如何使小部件可用而不必在每个其他模块中导入 WidgetsModule?

有没有办法像使用exports []中的指令一样做到这一点?

0 投票
2 回答
25120 浏览

angular - 使用相同组件的许多模块会导致错误 - Angular 2

我有一个名为 GoComponent 的共享组件,我想在 2 个模块中使用它:FindPageModule 和 AddPageModule。

当我在“FindPageModule”的声明和“AddPageModule”中添加它时,我收到一个错误:

find:21 错误:(SystemJS)类型 GoComponent 是 2 个模块声明的一部分:FindPageModule 和 AddPageModule!请考虑将 GoComponent 移至导入 FindPageModule 和 AddPageModule 的更高模块。您还可以创建一个新的 NgModule,它导出并包含 GoComponent,然后在 FindPageModule 和 AddPageModule 中导入该 NgModule。

因此,我将其从它们中取出并将其添加到 AppModule 声明中,该声明确实导入了 FindPageModule 和 AddPageModule,并且在 FindPageModule 的声明中并使用“GoComponent”的名为“FindFormComponent”的组件中出现错误:

如何让 FindPageModule 中声明的 FindFormComponent 等组件使用 GoComponent,同时让 AddPageModule 声明的组件使用 GoComponent?