问题标签 [angular-config]

我是 Angular 2 的新手。

我正在研究来自 Angular.io 的英雄应用程序。我正在修改它以使用 Angular 2。

我制作了一个按钮，单击该按钮会弹出窗口。现在我正在实现弹出窗口，然后我遇到了这个依赖项“--ng2-opd-popup。”

我将它添加到项目中，以便我可以使用弹出窗口，但这里事情变得很糟糕。

我执行了以下步骤来添加依赖项：

1. 在 package.json "ng2-opd-popup": "^1.1.21",
2. 运行命令 - npm install ng2-opd-popup --save 。
3. 在 app.module.ts .import { PopupModule } from 'ng2-opd-popup' 中导入它；
4. 运行服务器：

但它给出了错误：

我的包 JSON

下面是我的 app.module.ts ：-

我的 system.config.js

如何添加依赖项 ng2-opd-popup 以便应用程序可以在项目中使用它？我花了几个小时在谷歌上搜索，现在我想不出任何办法。

npm install ng2-opd-popup 的输出

您好，我使用 angular-translate 模块创建了基本的 angularJS 应用程序。在配置中，除了我的路由之外，我还有$translateProvider负责翻译表和首选语言的配置。

所以这段代码：

在 Angularconfig()函数中。

我知道 config 是先执行的，然后run()是控制器和其他。我也知道在配置中必须只有提供者不能注入例如$rootScope那里。

在我的项目中，通过调用单个端点，$http我收集了有关用户进入此应用程序的国家/地区的信息。这发生在run().

我尝试使用$rootScope（在此run()）：

它在我的情况下控制台输出“pl”，但我最终了解到我无法传递$rootScope给配置，因为它不是提供者。

我需要将此信息传递给$translateProvider配置函数，以便能够根据用户国家/地区设置首选用户语言。

我怎样才能做到这一点？

我对为 Angular 应用程序加载外部配置文件有一个很好的想法，但我有以下问题：APP_INITIALIZER提供的加载功能是在客户端执行，在AppModule交付给浏览器之后，还是在服务器端执行，在交货发生之前？

如果它发生在客户端，这是否需要在应用程序实际启动之前额外HTTP调用配置文件？

我正在构建带有 docker 多阶段构建的 angular6 应用程序。由 angular.cli 创建的默认 angular.json 包含一个包含配置列表的构建部分。我可以使用以下命令选择特定配置

但在我的 docker 多阶段构建中，我不能直接使用 ng，只能使用 npm

使用“npm run build”会启动“ng build”，但我不知道如何提供附加参数“--configuration production”来选择特定配置。

这是我的 angular.json 文件的一大块

那是我的 dockerfile

以下代码在 Dev 中可以正常工作，但在 Prod 模式下不能：

模块

配置令牌

模型

零件

应用模块

我想将给定的配置与我设置为默认值的配置合并。我所做的在 Dev 中效果很好，但在 Prod 中，我没有错误，但值是未定义的，看起来用于合并两个对象的扩展运算符不起作用，

非常感谢。

我已将 AngularFire 添加到我的项目中。在其自述文件中，我被指示AngularFireModule.initializeApp(...)将AppModule

然而，在示例中，人们使用环境常量，这不是一个选项，因为部署要求有一个配置文件，然后在部署时根据部署到的环境替换变量。

我相信我的配置是在导入之后加载的，这意味着没有任何东西传递给.initializeApp(...)

app.module.ts

应用配置.ts

我非常想解决这个问题，而无需更改任何构建过程，并且只需能够使用AppConfig来检索配置。

包.json

main.ts

我使用 Auth0 服务，它为我提供了两个 client_id - 用于开发和生产。但是，这必须是内置的源代码：

我很想在本地开发过程中使用一个，另一个用于生产构建。这是可行的吗？谢谢！

我已经看到了这个，可能还有其他问题。没有一个答案能解决我的问题。

下面是我的 angular.json 代码。我正在使用角度 8。

我已经尽我所能，从移入"stylePreprocessorOptions"和移出其他物体到移除src路径中的物体。没有任何效果。我怎样才能让它工作？

------------------------编辑：添加更多信息--------- ---

我收到错误消息：

找不到要导入的样式表。

@import 'shared.styles.scss';是我导入文件的方式

在 src/app/shared/scss-styles 我有一个文件和一个文件夹。该文件是shared.styles.scss一个名为的文件夹various-style-files，其中包含.scss我导入到的其他文件shared.styles.scss。

我目前正在使用 proxy.conf.json 来配置 API url 以进行开发。我相信它只适用于本地服务器。在 UAT 和生产服务器上部署 API url 时如何配置它？我想在不重新构建整个应用程序的情况下更改服务器上的 API url。

proxy.conf.json：

api.service.ts：

在 Angular 13 中，当我构建我的应用程序时，我收到以下警告：

Option "deployUrl" is deprecated: Use "baseHref" option, "APP_BASE_HREF" DI token or a combination of both instead. For more information, see https://angular.io/guide/deployment#the-deploy-url.

我已经阅读了文档页面，但我很难理解它。

发生这种情况是因为angular.json我有多个构建，但这仅适用于production配置：

我需要做什么才能达到与 deployURL 相同的结果？

我考虑创建一个environment.production.ts带有baseHref属性的文件，然后我可以在我的应用程序模块中使用一个提供程序。（请参阅APP_BASE_HREF Docs）但假设我这样做，我真的不明白我将在哪里正确使用令牌。我也不太明白我与资产的新关系是什么。

据我了解，deployURL专门针对路线，而baseHref影响路线和资产（或可以？）。这似乎打开了一罐蠕虫。

我将不胜感激任何见解！

谢谢。