使用* ngFor将对象传递给组件只会传递第一个对象

Question

我不确定我在做什么错。

我有这样的循环：

<tr *ngFor="let data of employees">
  <div>{{data}}</div>
</tr>

它会按您期望的那样运行，并且只打印集合中的所有对象。

但是当我有

<tr *ngFor="let data of employees">
  <employee [employee]="data"></employee>
</tr>

但是，employee的第一个实例没有传递给它的对象。 所有其他人口。 这是我正在渲染的简单组件。

@Component({
  selector: 'employee',
  templateUrl: './employee.component.html',
})
export class Employee {
 @Input() employee: any;
}

我在这里想念什么？

这是dom输出：

    </tr>
    <!--bindings={
  "ng-reflect-ng-for-of": "[object Object],[object Object"
}--><tr>
      <div>data</div>
      <employee ng-reflect-employee="[object Object]" ng-version="5.2.10">
<td></td>


</employee>
    </tr><tr>
      <div>data</div>
      <employee ng-reflect-employee="[object Object]">
<td>[object Object]</td>
</employee>

    </tr><tr>
      <div>data</div>
      <employee ng-reflect-employee="[object Object]">
<td>[object Object]</td>
</employee>

Answer 1

错误是从这里来的：

 @NgModule({
  ...
  bootstrap: [EmployeeTable]
})

码

您的根组件是EmployeeTable ，它应该是boostrap数组中唯一提供的组件。