问题标签 [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 回答
686 浏览

angular - Angular ngFor 动态添加对象

请查看视频:https ://screencast-o-matic.com/watch/cqQQj2tA22

我将动态对象添加到数组中,并希望在添加对象后设置值。现在,当我向数组添加一个新对象时,循环中的所有输入文本框都在重置文本框中显示的值,尽管数组在代码中保留了正确的属性。

这是我的标记:

然后是代码:

0 投票
1 回答
59 浏览

angular - 从表单数组中获取角度

我在 Angular 6 中制作 CRUD 应用程序,但是当我去编辑页面时,我想将数据从数组传递到该页面上的输入字段,但是当我保存该页面时,数据应该再次在数组中(你可以在图片上看到) 因为我必须像数组一样保存它。我也尝试过使用 contact.email[i] 但之后我不知道如何将它们放在一个数组中,那就是email。任何人都可以帮我解决这个问题吗?这是我想要看起来像这样的照片和我的代码......

[1]: https://i.stack.imgur.com/SfrBL.jpg
0 投票
1 回答
597 浏览

angular - 如何在 Angular 8 的嵌套对象数组中存储值

我正在创建一个订单输入表单,我们将在其中存储主数据和详细数据。下面我向您展示我用打字稿写的实体详细信息。

以下是我的表单截图:

在此处输入图像描述

点击加号(+)后,它会将订单项添加到网格中。下面提到的功能将完成这项工作。

我收到 orderDetail 未定义的错误。请帮我解决我的问题。

下面是我的 Component.ts 文件:

0 投票
1 回答
2217 浏览

json - Angular 9将json响应映射到数组

我有这个界面

我想用http get request填充一组学生,它为每个学生返回以下 json

如您所见,该接口的名称与响应不同(firstName而不是first_name),因此当我将学生的姓名打印到控制台时,我得到undefined

这是我从中获取数据的服务功能

这是我的学生组件

有没有办法将 json 响应转换为我的学生界面?关于堆栈溢出的几个答案建议map是方法,但我不明白如何使用该运算符 alog 和subscribe

0 投票
1 回答
670 浏览

angular - 使用从数组中单击 HostListener 获取角度组件中的特定 DOM 元素

这有点难以解释,但我会尽力而为。

我有一个名为 feed 的组件,它需要一个对象(feed)的数组(feeds)。我有一个显示所有提要的模板,我创建它们的方式是使用 ngFor。

例如,它为每一个单独创建 div 容器。

基本上,我正在尝试识别我单击的特定提要,而不是使用该提要容器类来识别所有提要...因为当然,它是根据我们在数组中拥有的提要项目的数量来共享的。

我面临的问题是我希望能够单击一(1)个提要并控制台记录某些内容。我如何实现这一点是通过创建这个:

但是,我想获取单击的当前 div id,但我不知道具体如何,我尝试了许多不同的场景,但它们没有用。

feedListModel 是具有对象数组的组件的输入,并基于它创建单独的 div(提要)。

这是 HTML 模板:

例如,在主机侦听器中,我控制台记录 event.currentTarget 并且我得到 2 个 div,即使我单击了第一个 div(feed)。换句话说,有 2 个提要。而且我只需要带有它的ID的点击一个,这样我就可以用它做点什么。

在此处输入图像描述

0 投票
2 回答
144 浏览

angular - 如何在Angular 8中为数组中的值创建超链接

我有看起来像这样的数据

我需要在 UI HTML 中显示,如下所示

问题1:如何从计划数组中获取值以在一个语句中用逗号显示如上。

问题 2:我需要为问题 1 语句的每个计划提供一个超链接,该语句将根据计划代码转到不同的组件。

<a href="#{planCode}_details">{{PlanName}}</a>

超链接必须采用的其他组件具有它的 id

任何帮助表示赞赏

这是我到目前为止所尝试的。

0 投票
0 回答
266 浏览

angular - 在下拉列表中显示数组对象 - Angular Firebase

我想在下拉列表中显示“内阁”数​​组中的项目。我已经尝试了下面的代码,但它不起作用。请帮忙。

组件.ts 文件:

组件.html 文件

0 投票
1 回答
39 浏览

filter - 角度数组过滤器不适用于字符串列表

我有一个字符串数组,并且想在某些操作后过滤掉一个特定的字符串。但是,似乎我在那里做错了什么。

在这里,followers 是一个字符串数组 ->string[]并且在某些操作时(例如,取消关注);我想从显示的用户的关注者列表中删除登录用户的 ID。但是,此过滤器操作似乎不起作用。

另一方面,我尝试使用 splice,它工作得非常好。

我无法理解我在第一种方法中做错了什么?

0 投票
1 回答
311 浏览

angular - 将数据传递给 Angular 中的子组件数组

我的项目中有父组件和子组件,以及从父组件中的 API 调用的对象数组。

  • 父组件
  • 子组件

即使我的问题数组是空的,子组件也会在每次尝试中准确呈现 3 次,并undefined undefined在控制台中得到输出。

0 投票
1 回答
214 浏览

angular - 如何在Angular 8中映射两个数组

我有两个数组 partyCtx 和 planList

partyCtx 看起来像这样:

计划列表看起来像这样

现在我需要一个数组,你可以在其中选择计划列表并从 partyctx 过滤/映射它,所以它应该看起来像

我如何获得结果数组?


12345678910