问题标签 [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.
angular - Angular ngFor 动态添加对象
请查看视频:https ://screencast-o-matic.com/watch/cqQQj2tA22
我将动态对象添加到数组中,并希望在添加对象后设置值。现在,当我向数组添加一个新对象时,循环中的所有输入文本框都在重置文本框中显示的值,尽管数组在代码中保留了正确的属性。
这是我的标记:
然后是代码:
angular - 从表单数组中获取角度
我在 Angular 6 中制作 CRUD 应用程序,但是当我去编辑页面时,我想将数据从数组传递到该页面上的输入字段,但是当我保存该页面时,数据应该再次在数组中(你可以在图片上看到) 因为我必须像数组一样保存它。我也尝试过使用 contact.email[i] 但之后我不知道如何将它们放在一个数组中,那就是email。任何人都可以帮我解决这个问题吗?这是我想要看起来像这样的照片和我的代码......
json - Angular 9将json响应映射到数组
我有这个界面
我想用http get request填充一组学生,它为每个学生返回以下 json
如您所见,该接口的名称与响应不同(firstName而不是first_name),因此当我将学生的姓名打印到控制台时,我得到undefined。
这是我从中获取数据的服务功能
这是我的学生组件
有没有办法将 json 响应转换为我的学生界面?关于堆栈溢出的几个答案建议map是方法,但我不明白如何使用该运算符 alog 和subscribe
angular - 使用从数组中单击 HostListener 获取角度组件中的特定 DOM 元素
这有点难以解释,但我会尽力而为。
我有一个名为 feed 的组件,它需要一个对象(feed)的数组(feeds)。我有一个显示所有提要的模板,我创建它们的方式是使用 ngFor。
例如,它为每一个单独创建 div 容器。
基本上,我正在尝试识别我单击的特定提要,而不是使用该提要容器类来识别所有提要...因为当然,它是根据我们在数组中拥有的提要项目的数量来共享的。
我面临的问题是我希望能够单击一(1)个提要并控制台记录某些内容。我如何实现这一点是通过创建这个:
但是,我想获取单击的当前 div id,但我不知道具体如何,我尝试了许多不同的场景,但它们没有用。
feedListModel 是具有对象数组的组件的输入,并基于它创建单独的 div(提要)。
这是 HTML 模板:
例如,在主机侦听器中,我控制台记录 event.currentTarget 并且我得到 2 个 div,即使我单击了第一个 div(feed)。换句话说,有 2 个提要。而且我只需要带有它的ID的点击一个,这样我就可以用它做点什么。
angular - 如何在Angular 8中为数组中的值创建超链接
我有看起来像这样的数据
我需要在 UI HTML 中显示,如下所示
问题1:如何从计划数组中获取值以在一个语句中用逗号显示如上。
问题 2:我需要为问题 1 语句的每个计划提供一个超链接,该语句将根据计划代码转到不同的组件。
<a href="#{planCode}_details">{{PlanName}}</a>
超链接必须采用的其他组件具有它的 id
任何帮助表示赞赏
这是我到目前为止所尝试的。
angular - 在下拉列表中显示数组对象 - Angular Firebase
我想在下拉列表中显示“内阁”数组中的项目。我已经尝试了下面的代码,但它不起作用。请帮忙。
组件.ts 文件:
组件.html 文件
filter - 角度数组过滤器不适用于字符串列表
我有一个字符串数组,并且想在某些操作后过滤掉一个特定的字符串。但是,似乎我在那里做错了什么。
在这里,followers 是一个字符串数组 ->string[]
并且在某些操作时(例如,取消关注);我想从显示的用户的关注者列表中删除登录用户的 ID。但是,此过滤器操作似乎不起作用。
另一方面,我尝试使用 splice,它工作得非常好。
我无法理解我在第一种方法中做错了什么?
angular - 将数据传递给 Angular 中的子组件数组
我的项目中有父组件和子组件,以及从父组件中的 API 调用的对象数组。
- 父组件
- 子组件
即使我的问题数组是空的,子组件也会在每次尝试中准确呈现 3 次,并undefined undefined
在控制台中得到输出。
angular - 如何在Angular 8中映射两个数组
我有两个数组 partyCtx 和 planList
partyCtx 看起来像这样:
计划列表看起来像这样
现在我需要一个数组,你可以在其中选择计划列表并从 partyctx 过滤/映射它,所以它应该看起来像
我如何获得结果数组?