问题标签 [angular-ngfor]

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 投票
2 回答
69 浏览

javascript - 我怎样才能取值在 *ngfor?

我有一个可变长度的表格,在每个单元格中我都有一个输入(每个输入的默认值为 0),我需要用户编辑他想要的数据,然后当他按下按钮时,我需要拥有所有返回的数据和输入的 id(id 总是不同的),即使是那些还没有被编辑过的,我将附上代码以便更好地理解:

因此,您可以看到输入总是不同的,因为是使用根据 ngfor 的值而变化的值生成的,所以我的问题是:有没有一种简单的方法可以在我的 ts 文件中包含所有这些值的数组?

0 投票
1 回答
57 浏览

angular - ngFor 中嵌套异步的最佳实践?

假设我有一个汽车清单:

我在模板中渲染它们:

在该模板内部,我想从返回可观察对象的方法中获取一些动态图像路径:

对于状态管理和存储,我使用的是 Firebase。我所有的图像都存储在一个存储桶中,我可以通过为我的服务提供一个 carId 来获取它们,该 carId 使用它来获取下载 URL。

我想避免在第一次保存文件时使用 downloadURL 更新 Firestore,因为我会将它们存储在子集合中,并且由于 Firestore 的性质,将它们从那里拉出来已经很痛苦。

有没有办法更有效地做到这一点?如果列表开始增长,上面的代码肯定会让浏览器爬起来……对吧?

0 投票
0 回答
54 浏览

angular - Angular - 下拉列表优化

我有一个下拉列表,它是由两个 *ngFors 创建的相应子下拉列表。单击主下拉列表项可切换其子/子下拉列表的显示,单击子列表可切换其内容。问题是主列表最多可以有 20 个项目,而子列表大约有 1-500 个项目。这使得 UI 非常缓慢且无响应。

有一个更好的方法吗?每次点击事件发生时,角度看起来都会重新创建列表。