标签[angular14] - 堆栈内存溢出

如何确保嵌套表单组返回 Angular 中的对象数组？ - How do I make sure a nested form group returns an array of objects in Angular?

我正在 Angular 14 中处理带有嵌套表单组的表单。在form.component.ts我有：请参阅此处的Stackblitz 。问题我需要residences是一个对象数组。相反，它本身就是一个 object 。我该如何解决这个问题？ ...

如何在此 Angular 14 应用程序中使用用户数据预填表格？ - How can I prefill a form with the user's data in this Angular 14 app?

我正在 Angular 14 中开发一个需要身份验证/授权的应用程序，这是我使用Keycloak Angular的原因。我需要用当前登录用户的数据预填表格。为此，我有一项服务：在组件中，我执行以下步骤：获取用户的email：然后通过 email 获取用户的数据：尝试使用用户数据预填充表 ...

如何在这个 Angular 应用程序中从 Keycloak 获取用户的 email？ - How can I get the user's email from Keycloak in this Angular app?

我正在 Angular 14 中开发一个需要身份验证/授权的应用程序，这是我使用Keycloak Angular的原因。我需要从应用程序中获取当前登录用户的数据。为此，我有一项服务：我在组件中使用它：在keycloak.init.ts我有：问题该服务没有返回用户数据，而是抛出500 (I ...

是什么导致这个 Angular 文件上传器在浏览文件时失败？ - What makes this Angular file uploader fail when browsing for the file?

我正在 Angular 14 开发一个包含表格的应用程序。表单有一个文件上传器。在form.component.ts我有：在模板中，文件上传器如下所示：这里有一个Stackblitz 。问题尽管文件上传器在用户将文件拖到其上时按预期工作，显示上传进度，但在浏览文件时失败。问题我究竟做错 ...

是什么让 Keycloak 的 AuthGuard class 在 Angular 14 应用程序中抛出这个错误？ - What makes Keycloak's AuthGuard class throw this error in an Angular 14 app?

我正在 Angular 14 中开发一个需要身份验证/授权的应用程序，这是我使用Keycloak Angular的原因。我需要守卫某些路线。按照说明，我首先安装了 Keycloak Angular：在shared/auth-guard.service.ts我有：我在我的应用程序的路由模块中 ...

是什么让 Keycloak Angular 在此 Angular 14 应用程序中抛出错误？ - What makes Keycloak Angular throw an error in this Angular 14 app?

我正在 Angular 14 中开发一个需要身份验证/授权的应用程序，这是我使用Keycloak Angular的原因。按照说明，我首先安装了 Keycloak Angular：然后在fe\src\app\app.module.ts ：我还将silent-check-sso.html添加到s ...

如何在此 Angular 14 应用程序中显示可重用的错误组件？ - How can I display a reusable errors component in this Angular 14 app?

我正在 Angular 14 开发一个应用程序。该应用程序旨在在各种组件中包含多个 forms，这就是为什么我认为为错误消息创建可重用组件是个好主意。在form.component.ts我有：在errors.component.ts我有：从'@angular/core'导入{组件}；我调 ...

是什么原因导致无法验证此 Angular 14 应用程序中的嵌套表单字段？ - What causes the failure to validate nested form fields in this Angular 14 app?

我一直在用 Angular 14 和 Angular Material 开发电子商务应用程序。我在为注册表的某些字段显示特定（自定义）验证消息时遇到了问题。在表单组件的 Typescript 文件中，我有：在模板中：使用此语法也不起作用：问题虽然我可以为firstName字段（或任何其他 ...

如何在我的 Angular 共享库中创建一个 model？ - How do I create a model in my Angular shared library?

我正在使用 Angular 14. 我想创建一个项目，我可以在其中容纳其他项目使用的通用模型和服务。我运行这个命令来创建脚手架这产生了一个目录结构，其中包括如何在其中生成 model class？我试过下面但我不确定这个错误是什么意思，或者我是否以正确的方式生成了 model。 ...

是什么导致 OrderBy 自定义 pipe 在此 Angular 应用程序中失败？ - What makes the OrderBy custom pipe fail in in this Angular app?

我一直在用 Angular 14 和 Angular Material 开发电子商务应用程序。我目前正在处理一个表单，其中包含一个填充了我从restcountries.com获得的世界所有国家/地区的元素。在countries.service.ts文件中我有：我在表单组件中使用服务：目标我 ...

如何从不包含 Angular 14 中的 function 的模态组件触发 function？ - How can I trigger a function from a modal component that does not include the function in Angular 14?

我一直在用 Angular 14 开发电子商务应用程序。我目前正在处理一个表格，*只能在接受模式中显示的“条款和条件”后提交。 FormComponent和ModalComponent是兄弟组件。在form.component.ts我有：在表单组件的模板中：在modal.componen ...

如何等待 angular 13 中的引导模态响应？ - How to wait for bootstrap modal response in angular 13?

我是 angular 的新手，正在尝试调用引导模式并等待其响应，一切正常，除了它没有返回任何值： PS：我用的是bootstrap5 CDN版这是我的 bootstrap.component.ts：我的 bootstrap.component.html：和我的 parent.componen ...

NG2-Charts - 如何更改圆环图的切口宽度 - NG2-Charts - How to change cutout width for doughnut chart

我正在使用 Angular 14、ChartJS (4.1.2) 和 NG2-Charts (4.1.1) 开展公司项目。我在尝试更改圆环图的宽度时遇到了一些麻烦。我展示了我现在拥有的图片：这就是我应该做的：此时我不需要在图表里面放文字，我只是想缩小图表的大小，让里面的文字很合适。我已 ...

类型错误：无法读取未定义的属性（读取“paramMap”） - TypeError: Cannot read properties of undefined (reading 'paramMap')

我正在尝试为我的 angular 组件编写单元测试，但我遇到了这个错误。我已经调试了很长时间，但没有运气。感谢任何帮助...我在 spec.ts 中创建了 mockActivatedRoute，但它一直显示以下错误。为什么paramMap属性无法读取？这是我收到的错误消息：下面是我的代码 ...

滚动后cdk虚拟滚动需要时间渲染项目 - Cdk virtual scroll taking time rendering items after scrolling

我在cdk-virtual-scroll中使用扩展面板。在扩展面板的 header 中，我必须显示 4 个值，这导致滚动时渲染项目延迟近一秒。当我尝试在扩展面板的 header 中使用单个值时，它工作得非常顺利，但是当我显示 4 个值时，它会减慢滚动时呈现新项目的速度。 ...

Angular 14 不尊重浏览器兼容性：CSS：虽然不支持，但使用了 inset 属性 - Angular 14 does not respect browser compatibility: CSS:inset property used although not supported

我有一个基于 Cordova/Ionic 构建的应用程序，Angular 14。在 Chrome 和 iOS 上一切正常。但是，Android webview 似乎不支持 CSS 的inset -property，这会导致问题，如top: 0; ... top: 0; ... inset: ... ...

Angular 编译错误：TS2585 Build:'Promise' 仅指类型，但在这里用作值。您需要更改目标库吗 - Angular compilation error : TS2585 Build:'Promise' only refers to a type, but is being used as a value here. Do you need to change your target library

我正在使用 Visual Studio 2022 处理一个 Angular 项目。当我在项目中包含一个 fileUpload.ts 文件时，它开始在项目中出现编译错误并且它不再起作用。我需要帮助，该项目不再编译。错误： Error TS2585 Build:'Promise' 仅引用类型，但在此 ...

Typescript Angular 15 更新后的目标警告 - Typescript target warnings after Angular 15 update

我将我的 angular 应用程序更新为 Angular 15。它构建正常 - 除非出现如下警告： TypeScript Angular CLI 将编译器选项“target”和“useDefineForClassFields”分别设置为“ES2022”和“false”。我的tsconfig.js ...

Angular 14 CLI 与节点版本 18.12.1 不兼容 - Angular 14 CLI is not compatible with node version 18.12.1

Angular 15 CLI 与节点版本 18.12.1 兼容。但在降级到 Angular CLI 14 后，现有节点版本不受支持。我正在寻找与 Angular 14 CLI 兼容的最大节点版本。 ...

直接 url 条路由工作，而路由器链接失败 - Angular 14 - Direct url bar routing works while routerlinks fail - Angular 14

Angular 14 路由器在这里遇到问题。当我如下建立路线时。我可以直接点击 url 加载正确的组件但是如果我使用[routerLink]="['specialUser/']" [routerLink]="['specialUser/coolList']" [routerLink]="[' ...