问题标签 [angular-ngfor]

im trying to hide unused items from ngFor, the problem is, i did hide it successfully but its place still exists and empty like the image below:

My ts file:

my data provider:

my html:

我正在尝试使用 row-col div 组合为带有标签和值项的列表创建一个 4 列表。问题是 - 我不想显示任何没有价值的列表项。不确定如何使用 *ngFor 和 *ngIf 来实现（因为它们都不能用于同一个元素。任何帮助将不胜感激。这是我的代码示例

编辑：正确使用<ng-container>. 下面的更新代码

问题：

我有一个两层的ngForAngular 模板。在 内部ngFor，我使用了很多ngSwitchCase来选择我想要动态显示的 HTML 元素。

此页面成功显示我想要的内容，但此页面的渲染速度和操作在 Chrome 中有点慢，不快但可以接受（但在 IE11 中，使用速度太慢......）

这是模板：

获取样式（ans）

我在想 ...

我正在考虑两种方法来提高此页面的速度，但我不确定它们。

1. 更改为用于ComponentFactoryResolver动态生成组件。（我不确定这是否会很快）

2. 在 Typescript 中生成一个组合的静态 HTML，然后将它们加载到 Angular 模板中？（我不确定具体的实现）

有人会给我一些关于这两种方式的建议或新的建议吗？

谢谢你的帮助，谢谢。

我需要在表格中显示 JSON 响应的结果。我已经用下面的方法弄清楚了

但我想在下面做这样的事情，但它不起作用。谁能帮我解决这个问题？

每当将新对象添加到现有数组中时，我都想打印汽车列表。循环重复，我从头开始打印。我怎样才能避免这种情况？

预计 车 1 车 2 车 3 车 3

但它给了

车一车二车一车二车三车一车二车三车三

我有一个要显示的值集。这是它的结构。我遇到的问题是尝试显示第三项，因为它的结构略有不同。请注意，这可以是动态的，因此它并不总是具有不同结构的第三项。

这是我的 HTML

我尝试了以下方法，但它不起作用

我有一个表的数据集：

我正在尝试将选择控件填充为带有结果的 html 表的一部分。

这就是我想要做的：

我得到的结果是空白选择控件。

这是列表项的样子：

我什至在尝试使用此 {{customer.PricingTemplatesList.length}} 来查看项目是否存在，但我得到了未定义，尽管在执行 console.log(customer) 时，如您所见，我能够看到数据。

我需要做什么具体的事情吗？

我有这个标记：

每次我在模型中添加一个数量类型的新对象时，为数组中的每个对象设置相同的值，最后输入的值https://screencast-o-matic.com/watch/cqQ1Fbt4zL

这是按钮单击事件：

更新：模型添加：

我有这个 Angular 的 html：

这是我正在尝试执行行的 priceRows 的内容：

但是在尝试打印表格时我得到了空表。

您在 priceRows 的数组中看到任何错误吗？

Stackblitz 网址：https ://angular-bnxfca.stackblitz.io

我正在使用下面的 Json 显示数据。它在显示第三个内部数组时工作正常，最多两个数组我收到错误。请建议我如何成功检索它。

新 Json：解决方案详细信息 -> 组 -> 请求详细信息

我只想在 UI 中显示所有请求详细信息 id。我怎么能在这里做到这一点。