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

angularjs - Angular js:如何在其他服务中使用常量值而不更改它

我是 Angular js 的新手,想设置全局变量,我可以在不同的不同服务上使用它作为 web 服务 url。

我已经像这样实现了 app.js (模块):

当我想使用这个常量值时,我只需在服务定义中定义它并使用它,但我想将详细信息存储在其中,因此无需一次又一次地设置值。

例子:

当我登录系统时,我会返回一些带有 webserviceurl 的数据,并将该 url 设置在登录控制器的 value.urlBase 中。

但是当我去不同的服务并想要使用它时,它会将值设置回''。

使用常量值的代码:

我怎样才能一次存储并一次又一次地使用它?

0 投票
5 回答
86082 浏览

angular - 如何全局声明管道以在不同模块中使用?

我有一个名为的自定义管道CurrConvertPipe

我需要在两个不同的模块中使用它,Module1并且Module2.
当我导入Module1andModule2时,我得到一个错误,说它应该在更高级别的模块中声明。

所以我声明里面的管道app.module.ts

但是当我使用它时Module1,它会抛出一个错误

找不到管道“currConvert”

0 投票
1 回答
462 浏览

angular - 错误中的错误遇到静态解析符号值。不支持调用函数调用

我正在尝试让我的 Angular CLI (1.0.0-rc.1) 应用程序为生产而构建,但我遇到了 AOT 错误。我实际上有 2 个应用程序:主要应用程序和一些 UI 小部件的 npm 安装应用程序。UI 小部件应用程序需要一些配置数据(路径、键等)。

这是我的主要应用程序中的代码,它组装配置数据并将其传递给 UI Widget 模块:

这是 UIWidgetModule:

我的 UIWidgetModule 使用服务 (ClientConfigService) 来保存来自客户端的配置数据。后续组件使用 ClientConfigService 中的各种函数来消费配置数据。关键是 ClientConfigService 是静态的。

这是 ClientConfigService :

生产(AOT)的构建过程在尝试为 ClientConfigService 的静态变量设置配置值时惨遭失败。如何使用小部件模块中的配置数据?我喜欢有一个静态服务来提供数据,所以我不必在每个需要它的组件的构造函数中删除 ClientConfigService。

谢谢。

0 投票
0 回答
665 浏览

angular-cli - 如何将配置数据传递给 NgModule,以便使用 AOT 编译 NgModule

我有一个客户端 Angular2 应用程序,它将使用需要配置数据的第 3 方 NgModule 应用程序。我需要将配置值作为服务的静态属性提供,该服务在 3rd 方 NgModule 的不同区域中被调用。

客户端应用的 App.Module:

3rd 方 NgModule 被导入客户端应用程序:

第 3 方 NgModules 静态服务,包含来自客户端应用程序的配置数据:

只有当我在客户端应用程序的任何组件构造函数中导入 ClientConfigService 时,这种方法才有效(我目前正在 app.component.ts 中导入它)。在构造函数中导入它会导致第 3 方 NgModule 中的 configHelperFactory 触发,从而使用配置数据设置静态属性。

这种方法有效,客户端应用程序使用 AOT 构建。问题是在 App.Module 中设置配置数据并在任何给定组件的构造函数中导入 ClientConfigService 以使 configHelperFactory 触发有点麻烦

有没有办法将配置数据传递到第 3 方 NgModule,使用配置数据填充静态服务属性,并能够使用 AOT 构建客户端应用程序?

0 投票
2 回答
438 浏览

angular - Angular 2 服务模块与功能模块中的服务类

是否建议在 Angular 2 中设置一个包含所有应用服务类的整个模块,还是在每个功能模块中创建一个服务类会更好?

在后一种情况下,如果这些服务在该功能模块中被声明为提供者,是否可以在整个应用程序中共享这些服务?

0 投票
1 回答
5483 浏览

angular - 在运行时从不同的服务器加载模块

是否有可能在我的 Angular 2 应用程序运行时中从不同的服务器加载不同的模块,如果可以,我该如何实现?

我想让我的应用程序从隔离的服务器(A、B、C)加载与整个应用程序不同的组件,这样它们就可以独立于主应用程序和 A、B 或 C 中包含的任何组件被删除和更新不会被加载。底部显示的 3 个模块将包含组件,但主应用程序将在其 HTML 中声明它应该加载组件的位置。

概述

更新

通过路由延迟加载不是我想要的,这 3 个模块应该是完全独立的模块,它们有自己的存储库、项目、托管、enz。

0 投票
0 回答
308 浏览

django - 使用 Django 在 Angular 2 中导入模块

我在使用 Django 提供的 Angular 2 应用程序中导入模块时遇到了一些麻烦。我一直致力于结合 Angular 2 和 Django,大致遵循此页面:https ://4sw.in/blog/2016/django-angular2-tutorial/ 。在Django 的settings.py中,我添加了

我加了一行

systemjs.config.js。将 index.html 更改为以下内容后:

当我去localhost:8000时,我的应用程序加载良好。但是,当我通过添加加载一个额外的模块(Angular 2 的谷歌地图)时:

systemjs.config.js中映射{}和

app.module.ts中,npm start产生错误

即使它已安装并位于 node_modules 文件夹中。我的文件夹如下所示:

我可能忽略了某个设置,但这一直困扰着我一段时间,我无法弄清楚。有任何想法吗?

0 投票
1 回答
696 浏览

javascript - 使用 Angular 4 中其他模块封装在模块中的组件

我正在开发一个 Angular 4 应用程序,我有两个模块,第一个模块封装了一些我需要在其他模块中使用的功能。例如,我有第一个名为 SRModule 的模块,我已经导入了 SrCrComponent 组件:

我想在另一个模块的其他组件中使用 SrCrComponent,但我可以弄清楚如何使用。

在我的第二个模块 ReportsModule 中,我在其上导入了 SRModule

我的问题是,如何使用在 ReportsModule 的 CPComponent 中声明的 SrCrComponent 组件?

这是我的 CPComponent ts 文件:

在我的 CPComponent html 中,我有一个 sr-gg 组件但不起作用,

显然在ReportsModule'sr-g' is not a known element中,事实上,这是控制台向我显示的错误,但我不知道我需要在哪里声明或者在导入 SrCrComponen 时应该继承它。

0 投票
1 回答
1414 浏览

angular - Angular将外部模块导入每个项目模块或仅应用程序?

我有一个包含 10 个模块的 Angular 应用程序。每次我安装一个新的外部包时,我都需要将它导入到每个使用它的模块中。它是这样工作的还是有一种方法可以将它只导入一次应用程序模块?

0 投票
0 回答
84 浏览

angular - 角度 2 - 何时更喜欢组件而不是模块?

这似乎很简单的问题,但我找不到这个问题的正确答案。AFAIK,当您尝试延迟加载某些内容时,通常首选模块。除此之外,有人说我应该将每个组件都包装到模块中,但我认为这样做没有任何好处。如果某个东西是模块并且既不是共享模块也不是核心模块,那么它应该是功能模块,我不知道我应该如何真正定义它的大小。

假设我正在尝试创建 daterangepicker,我将导入单个 datepicker 并将其添加到一个组件中两次以创建一个“from”datepicker 和另一个“to”datepicker。在那里,我有 daterangepicker 组件,但我应该将它包装到模块中吗?如果是,将其包装到模块中有什么好处?如果不是,那么我什么时候可以将某些东西变成功能模块?