问题标签 [angular12]

我有一个自定义组件，它实现ControlValueAccessor和Validator. 该组件在 a 中使用form，我formControlName在自定义控件上设置了在 HTML 中创建它时。

所有这些都很好，但缺少的部分是让孩子的input控制知道它应该是必需的。当必需组件中没有值时，我正在使用引导程序使字段显示为红色，但是此子组件不会触发该错误。

我需要从该validate方法返回什么来发出错误信号？我将以下内容作为验证的开始，它确实看到该字段是必需的，并且它没有值，但我不确定失败时应该返回什么。

我在这里有一个文件夹目录结构：

我在 html 中提供了图像路径。

在角度 json 中配置

但是没有加载

它在默认资产/图像目录中运行良好

I upgraded my angular project from 8 to 12. After that I migrated to eslint. Then onwards my compilation is not immediately invoked after saving any file. If I save any file after 2min the compilation starts in the terminal.

This is the issue I'm facing. Thanks in advance. Please let me know what is causing it to be slow and time taking. Is it with vscode or Angular config issues.

Package.json

Tsconfig.json

我们将 Angular 版本从 11 升级到 12，并且样式未应用于生产构建。

如果我在开发构建中运行应用程序，我看不到样式问题，但这仅在我们进行产品构建时发生。

我在 Angular 12 中看到ng build --prod已弃用，因此使用了 Angular 推荐的新命令ng build --configuration production。添加以下屏幕截图：[Package.json 显示版本差异][1] [Package.json 显示版本差异][2]

当我检查样式时，我们在相应的 component.scss 中应用的自定义样式没有被应用。

那么我是否缺少一些配置？

下面是 tsconfig.json -

` [1]：https ://i.stack.imgur.com/zBq0B.png [2]：https ://i.stack.imgur.com/2cy0W.png

我无法ng serve在开发模式下运行。

我已将 Angular v11 升级到 v12。从那以后，我一直在编译延迟，并且似乎没有启用开发模式。

我总是收到这个警告：

我的 Lazy Chunk 文件是这样的：

终端

由于正在浏览器上设置编译文件，因此需要花费大量时间来调试任何内容。

浏览器检查

我已经检查了我的 enviroment.ts 变量并设置为：

我的 Angular Extension for Chrome 警告我正在生产中运行，即使我不想：

angular.json 上的 ng 服务部分

和 v11 上的完全一样，我已经检查过了

更新：迁移问题。像@BojanKojog ng update @angular/cli --migrate-only --from=11.2.0 一样运行，回答如下。

我已经搜索了半天，但我找不到任何有效的东西。

这些是我的路线。

app-routing.module.ts

features-routing.module.ts

app.component.ts有一个router-outlet。full-layout-component.ts和 也是如此content-layout-component.ts。当我尝试从feature3（内部feature3）导航到feature2没有任何反应router.navigate('feature2')时。检查跟踪后，我有这个：

如果我手动导航到feature2它按预期工作。我想我错过了一些东西，但看不到什么。我怎样才能得到这个工作？

我最近为我的 Angular 应用程序制作了一个简单的 websocket 服务。它工作得很好，但我无法弄清楚如何处理服务器/客户端关闭 websocket 连接。这是我的服务：

这是我在其中实现的一个简单组件：

如果您仔细阅读服务代码，您可能已经注意到我通过 api 网关使用 AWS websockets。此后端AWS 服务有10 分钟的空闲超时和 2 小时的最大会话持续时间。我可以从客户端发送心跳请求以保持连接每 9 分钟 50 秒打开一次，但我仍然可能会遇到 2 小时的硬套接字连接限制。我注意到我的订阅关闭 console.log 在 AWS 关闭连接时运行。当服务器关闭连接时，自动重新连接 websocket 的优雅方法是什么？我不想阻止客户端关闭连接。如果可能的话，我还想处理服务中的重新连接，因此我不必在要使用 websocket 服务的每个组件中复制/粘贴重新连接策略。

我正在将我的 angular 11 项目转换为 angular 12 并且我面临一些问题。在一个 ngx-nestable 组件中，它在 angular 11 中工作正常，但是当我将它更新到版本 12 时，它向我显示了一些错误，请检查屏幕截图。

这是我的 .ts 文件代码：

这是我的html代码

请告诉我应该在代码文件中更改或添加什么，以便它开始工作。我试图找到一个解决方案很多天，但无济于事。

谢谢

Angular 12 自动更新从应用程序的dev-version ( ) 中删除"emitDecoratorMetadata": true属性有错误：tsconfig.jsonng serve

在vendor.js这个地方的文件中：

生产版本没有这个错误

包括"emitDecoratorMetadata": trueattsconfig.json消除了这个错误

安装和包含 polyfillreflect-metadata没有帮助

临时解决方案： include "emitDecoratorMetadata": true，但这已被弃用。

我想从级联下拉列表中仅更新城市，并通过国家/地区选择获取城市，并且在后端 api 中，仅从所有级联下拉列表中存储 city_Id。我的意思是国家没有存储在数据库中。如何以更新形式更新城市？

html

TS