时间戳

首页 > 解决方案 > 使用 ngFor 迭代数组时出错：“未定义标识符‘xxx’”

angular - 使用 ngFor 迭代数组时出错：“未定义标识符‘xxx’”

问题描述

我正在尝试在我的数据模型上迭代一个数组，但在 VSCode 中出现以下错误：

未定义标识符“familiares”。'{ 名词：字符串；edadTitular: number; primaTitular：数字；熟悉：{ vinculo：字符串；edad：数字；prima：数字；}[]; }[]' 不包含这样的成员

在控制台中它不显示任何错误。那可能会发生吗？

组件.ts

primas = [
    {
      nombre: 'name1',
      edadTitular: 36,
      primaTitular: 9010,
      familiares: ['fam1', 'fam2']
    },
    {
      nombre: 'name 2',
      edadTitular: 36,
      primaTitular: 9698,
      familiares: [ 'fam3', 'fam4' ]
    },
  ];

组件.html

<div *ngFor="let familiar of primas.familiares">
   {{familiar}}
</div>

在此处输入图像描述

标签： angulartypescriptngfor

解决方案

primas 变量是它自己的一个数组。您必须首先索引您的意思是 primas 内的哪个对象。然后您可以在该对象的熟悉列表中进行迭代。

您最好查看以下链接 Iterate Array Inside of Array Angular 4

推荐阅读