问题标签 [angular-arrays]

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 投票
1 回答
52 浏览

angular - 我需要在我的 formGroup 中转换其中一个表单数组

这是我的 ngOnInit

然后我将表单组的值传递给参数并在控制台上打印它。

提交表单后,在我的控制台中,我得到了这样的表单值。

我需要提取基本数组中的值,当我控制台参数值时,表单组中的值应该是这样的

我的基本表单数组看起来像这样

我该如何解决这个问题?

0 投票
1 回答
71 浏览

angular - 如何在角度 9 中显示数据数组而不重复?

html文件:

TS 文件:

}

数组数据:

数组数据: [![控制台数据我在控制台中以角度获取此数据。与上面的数组数据相同 --> Sql server data][1]][1] 我在控制台中获取此数据-> Sql server 数据

这是我想在 Html 页面中用它们各自的 Cash、CreditCard、QRCode 显示唯一名称的数组数据

Html 视图 [屏幕截图] [![在此处输入图像描述][3]][3]

只想在其位置显示数据,如 Html 视图 [Screenshoot] 所示。 我很努力地解决了这个问题,但不能..帮我解决这个问题.. 谢谢你的帮助...

0 投票
1 回答
596 浏览

angular - Angular ngIf:未定义标识符“长度”

我的组件具有属性 transfer$ ,它是一个可观察的对象,可以带有包含错误消息的数组或对象。当transfers$为Transfer[]时,我只能输入[items]。但即使使用条件

角度继续警告:

未定义标识符“长度”。'转移[] | AppResponseError' 不包含这样的成员

这是为什么?

谢谢

组件.html

TransferService.ts:

组件.ts

0 投票
3 回答
153 浏览

angular - Angular - 如何重用标准数据数组

我在 Angular 项目的各个组件中使用如下所示的印度各州数据数组。

我知道一种方法是将其作为集合添加到后端数据库中。但我不想每次下拉需要时都调用 API 来获取状态名称。

什么是最好的方法来定义它在角度内的一个地方,而不是在每个组件中单独定义这个常数。

0 投票
1 回答
375 浏览

angular - 在 mat-checkbox 检查 Angular 上隐藏/显示表单字段

我正在尝试显示和隐藏搜索过滤器输入字段,该字段基本上是我的表单字段,并选中了我的搜索过滤器按钮中的复选框。

我在*ngIf这里使用来显示和隐藏该字段。问题似乎不起作用,它总是从下拉过滤器中返回最后一个选中复选框的布尔值。我不确定我做错了什么。我有两个数组,其中一个具有所有可用的过滤器选项,另一个是我在检查时推动过滤器的位置。我只想显示那些被选中的输入字段。

我的 stackblitz 网址:https ://stackblitz.com/edit/angular-zub6zk-axvvdk?file=src/app/table-basic-example.ts

0 投票
1 回答
70 浏览

data-structures - Angular - 将 FormBuilder 值传递给 Array 会导致空字符串值

我有一个使用 Angular 的FormBuilder填写的表格。这是组件打字稿文件中的FormBuilder表示:

我想创建一个可以将这些表单值放入的数据结构,如下所示:

但是,控制台记录数组会导致空字符串。但是,如果我自己控制台记录FormBuilder值,它们会打印出来:

在此处输入图像描述

我不知道为什么会这样,我似乎无法将FormBuilder值传递给任何类型的数据结构。我也尝试了一个Map,同样的情况发生在传入的值似乎最终在数据结构中作为空字符串。然而,自行访问FormBuilder值似乎工作正常。

我什至尝试控制台记录来自FormBuilder的值的类型,这会导致字符串:

在此处输入图像描述

对此的任何帮助将不胜感激。

0 投票
1 回答
23 浏览

json - 错误错误:找不到类型为“对象”的不同支持对象“[对象对象]”。在获取 API 中获取此信息

当我尝试在 Angular 中使用 ngfor 在 html 模板上显示来自 get api 的数据时,会出现此错误

错误错误:找不到类型为“对象”的不同支持对象“[对象对象]”。NgFor 仅支持绑定到 Iterables,例如 Arrays。

这是我的 bankComponent.ts 文件

在这里,我从 getSearchBankAPI() 方法调用 getBankById() get API,我想在模板上显示 getBankId() get API 的结果。

这是我的模板代码