问题标签 [angular-ngfor]

我创建了一个角度应用程序，它从 json 文件中获取数据。但是我在用 html 显示数据时遇到了问题。很多变量都是荷兰语，我很抱歉。我对这一切也有点陌生:)

这是我的服务：

这是我的 json 文件的一部分：

组件：

和html：

我有一个数据表，其中显示“id”、“reason”、“errorMessage”和“stackTrace”等信息。我运行一个角度for循环来显示这些信息，但是当我从我的数组中单击我的数据时，我试图跟踪索引并以模式显示信息。如何将索引解析为我的模态，以便在那里显示信息？

这是我的数据表：

这是我尝试显示数组中的数据的模式。我的模态是使用引导程序创建的。

这是我的数据表的样子的图片。表格是可点击的，当我点击其中一行时，它会欺骗模式。我只是不知道如何显示信息。

我的角度项目中的数据表

我的 Angular 6 应用程序需要显示一个表格列表，其中一个表格是一组对其组成元素的化学分析。

假设我有一个金属合金A。我对其进行了不同的化合物分析以找出其化学成分：Fe：0.001%、Cu：0.042% 等。

这是我的数据源，它只是一个带有模拟的打字稿文件

我想使用 Angular 6 以 HTML 格式在表格列表中显示这些数据，其中一个系列的每个分析都按如下方式分组：

我的 HTML 文件现在看起来像这样

显然，这不是正确的方法，因为它为我的数据源的每个元素制作了一个表格。

我的问题也很相似

不同之处在于：我必须首先基于默认语言显示文本区域，然后使用所选语言。我每种语言都有一个文本区域，一次只能显示一个。我可以应用Thierry Templier的答案来毫无问题地获得类似标签的行为。

这里是代码：我使用默认语言呈现一组单选按钮选项。

然后我必须首先基于默认语言显示一个文本区域，然后使用所选语言

后面的代码就像 Thierry Templier 的答案。知道如何根据默认值添加额外的步骤来隐藏页面加载中的元素吗？

我有一个结构如下的对象列表：

我正在尝试从这个列表中创建一个带有角度的复选框列表，如下所示：

复选框本身确实会显示，但我无法获得要与每个复选框一起显示的对象名称。我究竟做错了什么？

目前在使用 Angular 6 时，当我尝试将索引管道用于 NgFor 时出现以下错误：

代码片段：

我觉得这很奇怪，因为在不使用管道时循环确实有效，而且据我所知，我还正确地在 ModalModule 中导入了 commonmodule：

我在这里想念什么？

• 有趣的注意事项：日期管道确实有效。

如下图所示，我在 Angular 7 中构建了一个表单。表单包含多个级别的嵌套字段组。当按下“添加轨道”按钮时，外部字段组被推送到 dom。然后在里面你可以按“+”在每个外部字段组内添加字段。

问题 1： 我不断收到以下错误，并且“添加跟踪”仅将完整的字段组推入索引 1，传递它缺少带有“+”按钮的字段，这些按钮由 HTML 中的嵌套 *ngFor 循环填充。

错误：

问题 2： 当我填写表单并单击“保存”按钮，然后执行 onSubmit() 方法并通过“this.albumForm.value”获取所有输入的表单值时，我缺少输入字段的一堆值，通过按“添加曲目”和“+”按钮动态推送。

试图在网上找到答案，但找不到与我正在尝试做的类似的事情。所有在线示例均适用于简单表单，而不适用于多级嵌套表单组。也是 Angular 的新手，需要帮助。SOS，非常感谢您的帮助。

组件.ts

组件.html

我有一个 Angular 7 应用程序，我希望在其中有一长串 HTML 输入组件，每个组件共享相似的样式，但双向绑定到 Typescript 文件中单个对象的不同字段。我认为这应该可以通过配置数组来实现ngFor，类似于：

app.component.html：

app.component.ts：

这个问题似乎是 Typescript（或者更确切地说，JS）bindingField: this.objectToBind.prop1在启动 inputConfigs 时按值复制。结果是输入组件实际上并没有绑定到objectToBind.prop1，而是绑定到它的文字副本，没有任何引用。

有没有办法解决这个问题，我想用ngModela绑定到不同的属性ngFor？还是我别无选择，只能放弃ngFor并在模板中静态编写所有内容？任何帮助将不胜感激！

顺便说一句，有一些答案指向在ngModel表达式中使用索引，例如添加let index = index;和ngFor使用[(ngModel)]="inputConfigs[index].bindingField"。但这似乎没有帮助。

我使用 *ngIf 创建了多张卡片。
在里面我有下拉选择（使用垫选择）。当我从下拉列表中选择一个选项时，所选选项会反映到所有不需要的卡上。

我是角度的新手。我正在遍历一组对象。我已经声明了两个按钮，即开始和结束。我想最初显示每个项目的开始。当用户单击项目的开始按钮时，该项目的开始按钮应隐藏并显示结束按钮。

在上面的示例中，每个项目都有一个唯一的 ID。每个项目都有一个开始和结束按钮。我想最初为所有人显示开始按钮，当我单击项目的开始按钮时，只有该按钮应该替换为结束按钮。所有其他人都应该保持不变。

[![ngFor 项目图片]]：https ://i.stack.imgur.com/9pvLE.png