问题标签 [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 投票
1 回答
87 浏览

angular - 使用不同的配置重用相同的 NgModule

我想构建一个通用模块,我可以通过一些配置来自定义它。例如,在根模块中,我想要类似的东西

moduleFactory返回一个模块,其中包含将基于configx对象构造的路由。这些模块将提供一些视图,这些视图将根据配置对象显示自定义内容。我怎样才能做到这一点?

0 投票
1 回答
278 浏览

angular - 通过 Double @NgModule Angular2 从其他组件获取元素、变量

我想从组件(从函数)中获取 variable 的值element,以通过 为新按钮创建一个新事件。或者在这个组件中创建一个新函数。我对如何通过and获取元素有疑问。我可以通过直接省略 double来做到这一点,但是我的变量值是- 这很明显。我想从_dataTabledatatable.component.tsrender()element.onDatatableComponentCzas-PracyModuleSmartadminModuleDatatableComponentNgModuleundefinedczas-pracy.component.ts

下面是组件的结构和最重要文件的代码

数据表.component.ts

smartadmin.datatable.module.ts

czas-pracy.module.ts

我尝试了很多方法,但没有任何效果......我将不胜感激任何建议或解决方案。谢谢。问候

0 投票
3 回答
274 浏览

angular - 即使我把它放在 NgModule 中,Angular 2 组件也不会呈现

我在渲染自定义组件时遇到问题。即使我将共享模块放在 NgModule 中,它也不会呈现。我收到一个错误,提示我应该将组件添加到 NgModule 或使用参数 CUSTOM_ELEMENTS_SCHEMA 添加属性模式。正如我所说,我将组件添加到共享模块并将共享模块添加到我想要使用它的组件。然后我尝试使用 CUSTOM_ELEMENTS_SCHEMA,我摆脱了错误,但它没有呈现“自定义”组件的内容,它只是呈现标签和 comp。

自定义组件模块

复选框.module.ts

共享模块

shared.module.ts

编辑:

我尝试使用共享模块和自定义组件标签的模块:

仪表板.module.ts

它呈现为一个没有内容的标签

0 投票
0 回答
746 浏览

angular - 使用 angular 5 和 webpack,对于“生产”构建,我看到“请添加 @NgModule 注释。” 对于第一个导入的模块

我有一个大型项目,在 webpack、angular 4 下运行良好,最近转移到了 angular 5,以及改进的 webpack 配置。“开发”构建加载得很好。

但是“生产”构建加载并因“请添加@NgModule 注释”而死 - 哎呀,因为有这么多人在这个浅滩上坠毁。

因此,我关闭了 mangle 以查看导致问题的组件。我发现导入开头列出的任何内容:@NgModule 中的 [ ... ] 数组部分都已列出。为什么会这样?是什么导致了这个可爱的错误?

为什么总是找不到导入开头列出的第一个模块?

在下面列出的版本中,错误是:

以下是我希望能有所启发的项目部分:


更新此问题:

几天后,我取得了相当大的进步。
我还学到了一些可以帮助其他人的东西——遇到这种问题的人。

  1. 注释掉 webpack 构建的生产版本中几乎所有的插件。
  2. 关闭名称混乱。

完成此操作后,我了解到问题来自项目中设置配置部分的“生产”:angular-starter。问题出现的地方在“build-utils.js”文件中:

在这里,我需要在上面的 ngcWebpackSetup() 函数中设置:'buildOptimizer' 为 false。缺点是最小化的代码从 3.59 MB 增长到 4.04 MB。但是代码现在可以在浏览器中正常加载和运行!

我希望能了解这里的问题并报告回来,并可能对“angular-starter”项目进行更正。

0 投票
1 回答
1374 浏览

angular - @NgModule 装饰器在 Angular 中采用的元数据对象是什么?

我正在从Angular的官方网站学习Ngmodule。在那里,它写了以下语句:

@NgModule 接受一个元数据对象,告诉 Angular 如何编译和启动应用程序。

我搜索了很多页面,但我对那个对象感到困惑。那么,谁能告诉我 NgModule 采用的元数据对象是什么?

0 投票
0 回答
22 浏览

angular - ionic/angular 2 收到声明的模块列表

请告诉我,如何接收在@NgModule 中声明的所有类的列表。

我在@NgModule 中有哪些模块:

我想收到的例子:

我如何才能收到声明或提供者的列表?

0 投票
1 回答
9933 浏览

angular - 如何使用 NgModule 导出 const

我有一个常量,其他导入我的模块应该可以使用它。

我有 Datepicker 指令,它定义了日期格式常量(我有这样的,所以使用我的指令的人可以使用这些常量):

NgModule 用于进一步导出它们。该模块被构建,然后在其他项目/模块中使用。

但是在尝试构建它时,我得到了错误:

0 投票
0 回答
111 浏览

angular - 具有路由作为 npm 依赖项的 Angular 功能模块

我已经打包了一个带有路由详细信息的角度功能模块作为 npm 依赖项并上传到我的 git。我正在尝试将此依赖项添加到另一个应用程序并延迟加载模块。这导致以下错误,

MainAppln NgModule:

Angular 环境详细信息

如果我不向编译并添加为 npm 依赖项的模块添加任何路由信息,则上述相同的应用程序可以正常工作。

是否有任何限制我们不能加载带有路由详细信息的功能模块依赖项?

如果没有,知道我的代码出了什么问题吗?我不确定我应该在这里粘贴哪一部分代码,所以我正在为我创建的虚拟项目粘贴源代码 git。

主要应用程序的 Git:https ://github.com/rajagopalmani/AngularMain

Git 依赖:https ://github.com/rajagopalmani/AppModule1

0 投票
1 回答
6239 浏览

typescript - 从共享模块注入组件时出现Angular 5静态注入器错误

这是我的组件文件。我正在尝试使用 ng-bootstraps 模态创建一个可重用的模态组件。当我尝试从共享模块导入以下组件时,出现静态注入器错误。我查看了许多其他资源,但无法弄清楚我的实现有什么问题。

下面是声明和导出 ModalComponent 的 SharedModule。

一旦在构造函数中声明了静态注入器错误,就会在这里抛出它。

主 App.module 文件

0 投票
1 回答
723 浏览

angular - 组件层次结构中的角度传递和覆盖上下文

我正在尝试创建组件的层次结构。有一个全局的“CONTEXT”对象(在 NgModule 级别提供),但我希望一个组件能够为他们的孩子覆盖这个对象。“CONTEXT”对象目前是通过注入获得的,像这样:

没有组件知道其他组件的存在(它们是动态创建的),但 comp3 应该能够控制/更改哪些上下文“看到”其指定的子级(在本例中为 comp4 和 comp5)。

我猜注入在这里不是最好的模式(我该怎么做?comp3 应该扩展 CONTEXT 吗?),至少因为它是伪静态的(Angular 可以在创建后检测并传播设置的更改吗?)。也许 Observable 可以在这里提供帮助。

我已经看到了这个答案,但我认为情况并非如此。

实现这一目标的最佳方法是什么?我想避免使用显式的 @Input 属性,因为中间组件应该尽可能不可知。这里有一个共同的模式可以遵循吗?