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

angular - 在对象对特定属性具有“真”的情况下,将角度数组的长度加倍的简单方法?

我有以下学生名单:

我希望能够在 HTML 模板中获取学生通过的数组的长度。

通常我会这样做:

但是,我想要这样的伪代码......

我想这样做,如果我在页面上有其他修改学生的按钮,以便当我更改学生是否通过时,模板将自动反映正确的学生人数。

我怎样才能做到这一点?

0 投票
2 回答
41 浏览

angular - Angular 2 数组模板更新不起作用

我有一个使用 cordova BLE 插件的组件。当扫描开始查找设备时,它会将找到的每个设备推送到对象数组中。在我的模板中,我*ngFor用来循环遍历对象,但模板没有更新并显示设备列表,即使console.log(deviceList)我可以看到它已填充。该数组被称为deviceList

蓝牙.ts

蓝牙.html

0 投票
1 回答
1530 浏览

angular - 如何将从下拉多选接收的数组值转换为角度5中的字符串

我使用了一个材料下拉多选,用户可以通过它选择多个数据。当数据被发送到组件时,数据以数组格式接收,API 不接受将其插入数据库。我的查看代码:

它以以下格式提供数据:

有没有办法让我job_front_color以字符串格式获取值,pink, black以便该值可以作为字符串通过 api

我通过以下代码将数据从表单传递到 api:

}

0 投票
1 回答
111 浏览

angular - Angular 服务代码运行延迟

我是角度的新手。学习 Angular 6。尝试从运行良好的数据库中获取数据。但我也在尝试获取返回数组的长度。问题是在数组返回之前正在执行获取长度的代码。所以它显示未定义。

谁能帮我这个 ?这段代码有什么问题?

0 投票
3 回答
7251 浏览

javascript - 以角度 2 复制对象数组

我有两个名为“persons”和“persons2”的数组,“persons2”数组将是“persons”数组的副本,但问题是当我复制它时,我想更改第二个数组,第一个数组是也在变化。这是我的代码:

0 投票
3 回答
5262 浏览

angular - Angular 6 HttpClient 将生成的有效负载分配给数组

我正在尝试以角度进行 get 调用,调用本身可以工作,因为我可以将日志放入订阅中并查看返回的数据我遇到的问题是我似乎无法将数据分配给我现有的数组(当前为空) 并且因为下面的代码是Event[]. 我尝试在数据数组上使用映射,它也是类型Event[]但没有运气,并且与推送相同,尽管我相信这是因为您无法推送数组。我确信有一些简单的东西我丢失或找不到。

这是我正在打的电话,并大声疾呼事件模型。

我是 Angular 的新手,所以我可能做错了任何帮助都非常感谢。

编辑

我做了更多的研究,但仍然没有乐趣,也许这与订阅它有关。我从这里尝试了一些阵列克隆解决方案

编辑 2

进一步看,我看到 subscribe 的内容是一个函数,我在范围中缺少什么我this.events需要以某种方式传递,它是在类级别设置的。

编辑 3

然后我在我的组件中使用这个调用,这与使用本地数组Event[].

0 投票
3 回答
33247 浏览

angular - 如何过滤数组并返回整个对象 - Angular

在学生数组中,我有数据。而onSubmit是函数,值是参数“roll”

和 HTML 文件:

数组

我想在这个数组中搜索滚动,如果找到匹配项,那么我想返回整个数组并在某处使用它。

现在我该怎么做?

我想我之前犯了一个错误,所以我编辑了这个问题。请原谅我是新来的。

0 投票
2 回答
6940 浏览

angular - 如何以角度7显示来自json数组的数据

我有一个 json 数据集,其中包含来自我的 ASP.net Core Web api 的数组,我想在 Angular html 页面中显示该数据。你能帮助我吗。

角度 7 cli

主页.component.ts

来自网络 API 的数据

0 投票
1 回答
3062 浏览

angular - 将正确元素的数据从 ngfor 循环传递给子组件

我希望将父组件上的 ngfor 循环中的数据注入到子组件中。当我在父组件模板上单击相应子组件模板的渲染时,该子组件应该使用父组件的 ngfor 循环中正确元素的数据呈现模式(下面的代码显示了子组件模板上的 html 标签父母的模板)。

到目前为止@input() saleItem: SaleItem;,子组件模型上的属性只接受父组件模板上数组中第一个元素的数据,无论我点击父组件模板上的哪个“销售项目”。如何在 ngfor 循环中实现包含正确元素数据的每个模态渲染的所需行为?

已经尝试 在子组件上使用更改。这不起作用,我假设因为 ngFor 循环中数组的引用实际上并没有改变。

编辑

所以我在开发工具中做了一些挖掘,这是来自 chrome 元素选项卡的快照。 元素选项卡捕捉 这表明数据实际上被传递到单独呈现的子组件的模板中并显示在模态上,但是当我单击父组件模板上的任意位置时,只有具有第一个元素数据的模态被触发。当我单击父组件模板上应该触发模式的 dom 元素时,如何获得正确的模式来触发,如提供的代码所示? 父组件模型

父组件模板

子组件模型

子组件模板

0 投票
1 回答
1356 浏览

angular - Angular Viewmodels 和在组件中的使用

我正在尝试通过组件将视图模型绑定到视图。最初我在组件中执行此操作,它几乎可以正常工作:

然后在按钮上单击以添加新对象

模型

我正在这样做:

上述事件的问题是每次新点击都会添加相同的数量对象。

接下来我创建了两个模型:

价格网格视图模型

现在我正在尝试链接组件中的所有内容,我有这个:

模型:PriceGridModel[] = [];

上面的语句对于初始化 PriceGridModel 类型的新 VM 是否正确?

如果没有,请告诉我什么更好。

第二,在按钮上单击以将 PriceGridQuantity 类型的新对象添加到 PriceGridModel,初始化然后将 PriceGridQuantity 类型的对象添加到 PricegridModel 的正确方法是什么?