对象数组到 Angular 中的网格/表格

[英]Array of objects to grid/table in Angular

我将数据作为对象数组，如下所示： 我希望此数据显示在 HTML 表中，如下所示： 如何进行？ ...

Jasmine：如何测试 Promise.then 块？

[英]Jasmine: how to test a Promise.then block?

我想测试一个场景，我必须调用 function（从私有只读服务），其中有一个异步调用，然后一些变量正在更新等。 在我的 spec.ts 中，我试图模拟 serviceFunction 调用，但看起来它甚至根本没有进入 the.then 块。 你们有任何教程/信息来测试这种情况下的 the.then ...

RxJS：修改 pipe 链中的先前值

[英]RxJS: Modification a previous value further down the pipe chain

在我的项目中，我遇到了一个有趣的案例，即在 pipe 链中执行多个请求。 这一切都是关于在 quill 文本编辑器中显示图像。 后端以以下形式返回内容： 如您所见，图像中缺少 src 属性。 我们需要对 api 进行 2 次额外拍摄才能获得它。 这很困难，因为我们对缝合到字符串中的图像的 id 进行 ...

我想检测@input Object 上的变化

[英]I want to detect changes on @input Object

我正在尝试从父组件检测“草稿”Object 的更改，但 ngOnChange() 没有触发。 这是我的尝试，但它甚至没有进入调试器 ...

Angular 前端只显示app.component.html

[英]Angular Frontend only displaying app.component.html

我目前正在为我的 API 创建一个前端，现在是时候创建另一个组件了。 我什么都试过了，甚至创建了一个 app-routing.module.ts，但它只显示我的 app.component.html？ 我不明白为什么..我的 app-routing:module.ts ： 我的 clientpro ...

我的 JHIPSTER 应用程序中的依赖项问题

[英]problem with dependencies in my JHIPSTER application

我生成了一个 jhipster 项目，但我的内置依赖项有问题（priemeng 和 angular 材料）jhipster 7.0.1，我的 package.json 我认为这是与集成依赖项的版本有关的问题，我正在尝试使这些依赖项与 angular 的版本兼容这里有什么问题？ 我还应该做什么？ ...

Fontawesome web fonts 未在实时网站上显示

[英]Fontawesome web fonts not displaying on live sites

我已经在我的网站上使用 Fontawesome 几年了，我最近更新到 Angular 14 & Node 18。 这些图标仍显示在我的本地构建中，但不显示在生产环境中。 我已经下载了 V6 Fontawesome 并将其嵌入到我的项目中 - Index.html 我已经根据需要从下载中包含 ...

如何在 _blank/ 另一个页面中打开链接并覆盖它以在 Angular 中打开该特定 window 中的不同链接

[英]how to open links in _blank/ another page and override it to open different links in that particular window in Angular

这些功能有 3 个不同的按钮。 我将 url 作为 arg，它工作正常，但由于“_blank”，每个链接都在不同的 window 中打开，我想要“_blank”，但链接应该仅覆盖特定的 window。 是否可以？ ...

angular v15 更新后如何处理遗留问题

[英]What to do with legacy after angular v15 update

我确实将我的应用程序从v14更新到v15 。 在更新中，我可以看到 angular 确实发生了变化// From import { MatDialog } from '@angular/material/dialog' // To import { MatLegacyDialog as MatDi ...

如何在这个 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 ...

NPM 错误，无法解决依赖关系和冲突的对等依赖关系

[英]NPM error, could not resolve dependency and conflicting peer dependency

由于 NPM 错误，我无法在 .netlify 上部署我的项目。 这些是我的依赖项。 当做一个简单的“npm install”时，我得到这个错误： 错误我尝试环顾四周并遵循许多指南，但似乎没有任何效果，例如我已经尝试过： 这些步骤和我在谷歌搜索时发现的许多其他技巧 ...

有没有办法在更新或重新加载后保留嵌套树的打开项

[英]Is there a way to keep the opened items of a Nested Tree even after updating or reloading

我有一个嵌套的树数据结构，如链接中所示。 https://stackblitz.com/edit/angular-ivy-wcv63x?file=src%2Fapp%2Fapp.component.ts 我的目标是即使在刷新后也能将选定的树项保留在打开的 state 中。 起初我试图将所有被选中的 ...

Angular FormGroup数组

[英]Angular FormGroup array

我在将数据设置为表单数组时遇到问题。 场景是在填写用户详细信息时，某些用户有多个地址。 这是 User.ts 我的地址.ts 在 component.ts 文件中 ...

ng-template在angular单元测试中是null

[英]Ng-template is null in angular unit test

我试图验证只要 dynamicValue 不是 null，DOM 就会加载 ng-template 并显示正确的内容； 但是，每当我尝试在 my.html 中找到 ng-template-element 时，它总是 null。 区域显示选择.component.html 区域显示选择.compon ...

在 primeng 中与消息一起敬酒

[英]Toasts alongside messages in primeng

有没有办法使用 primeng 在一个组件中使用两个消息服务？ 我的问题是我需要根据我的应用程序中的错误类型显示祝酒词和消息，但我找不到适用的解决方案。 每次将消息添加到组件中的 messageService 时，它都会同时显示为消息和 toast。 我尝试为吐司和消息创建两个服务，如下所示： 然后 ...

Angular 在 object 中初始化时检测字段为未定义

[英]Angular detects field as undefined when it's initialized in the object

当我尝试获取 object“用户”的属性时，它被检测为未定义，但是当我制作整个 object 的控制台日志时，该字段与数据一起出现。 控制台日志： 方法： 对象的接口： 我一直在尝试通过其他方式和其他页面获取字段。 这不是后端的问题，因为数据到达了前端。 这不是 object 的问题，因为该字段有数 ...

是什么导致这个 Angular 文件上传器在浏览文件时失败？

[英]What makes this Angular file uploader fail when browsing for the file?

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

Angular 单击 div 时更改输入值

[英]Angular change input value when clicking at a div

实现 function 在单击 img 时更改输入值 - 它应该采用图像 ID 并将选定的 ID 或密钥作为文本传递给输入并提交表单。 我尝试使用 Jquery 更改输入的文本，但在提交表单时未采用新值： 但是当我使用 Angular $scope 时，它应该在更改和单击所选图像时更改输入字段 ...

从 Angular 调用的 FastAPI Post APIs - 相同的代码：不同的行为

[英]FastAPI Post APIs invoked from Angular - Same code : Different Behaviour

我是 Angular 和 FastApi 的新手。 我一直在尝试从 Angular 屏幕调用 2 个单独的 FastApi 端点的场景。 我将相同的 Python 代码用于 POST API 在 2 个单独的 .py 文件中。 下面提供的代码。 以上python服务运行在localhost，8000 ...

在 angular 中获取数据时出现错误

[英]Im getting error while fetching data in angular

TS2345：类型参数（id：数字；名称：字符串；价格：mumberg 存储：数字；）不可分配给“null”类型的参数。 app.component.html 应用程序组件.ts ...