使用 ngFor 迭代数组时出错："Identifier 'xxx' is not defined"

Question

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

Identifier 'familiares' is not defined. '{ nombre: string; edadTitular: number; primaTitular: number; familiares: { vinculo: string; edad: number; prima: number; }[]; }[]' does not contain such a memberng

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

component.ts

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

components.html

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

Answer 1

primas 变量本身就是一个数组。您必须首先索引您指的是 primas 中的哪个对象。然后您可以在该对象的 familiares 列表中进行迭代。

你最好看看下面的link

Answer 2

"primas" 是一个数组，这意味着您必须 select 该数组的索引。您在这里有两个选择。第一个是如果你想访问“primas”中的特定对象，你可以选择一个索引：

<div *ngFor="let familiar of primas[0].familiares">

第二个是您可以将当前的 *ngFor 嵌套在另一个 *ngFor

中

<ng-container *ngFor="let prima of primas">
    <!--notice that the below code accesses prima (singular) from above-->
    <div *ngFor="let familiar of prima.familiares">
       {{familiar}}
    </div>
</ng-container>

使用 ngFor 迭代数组时出错："Identifier 'xxx' is not defined"

Error iterating Array with ngFor: "Identifier 'xxx' is not defined"

angular

typescript

ngfor