Angular mat表重复数据数组的最后一项,而不是显示每个唯一的行

Angular mat表重复数据数组的最后一项,而不是显示每个唯一的行,angular,typescript,angular-material,material-design,mat-table,Angular,Typescript,Angular Material,Material Design,Mat Table,我正在使用matTable显示此数据: 以下是表格代码: 规格 添加 0/250 以及类型脚本代码: @组件({ 选择器:“生成活动计划”, templateUrl:“./build activity schedule.component.html”, 样式URL:['./生成活动计划.component.scss'], 提供者:[BuildActivitiesLogicService,UsersLogicService] }) 导出类BuildActivityScheduleCompon

我正在使用
matTable
显示此数据:

以下是表格代码:


规格
添加
0/250
以及类型脚本代码:

@组件({
选择器:“生成活动计划”,
templateUrl:“./build activity schedule.component.html”,
样式URL:['./生成活动计划.component.scss'],
提供者:[BuildActivitiesLogicService,UsersLogicService]
})
导出类BuildActivityScheduleComponent实现OnInit{
公共formMode:formMode;
public buildActivityRequiredLevel:数组;
@ViewChild(MatTable,未定义)公共表1:MatTable;
@Input()public buildActivityId:number;
公共建筑活动:IBuildActivityAppedItem;
公共选择产品:IskinnyOfferingTo;
公开名单;
公共taskAnalysisFormRequired:布尔值;
公共只读表列:字符串[]=[
"规格",,
“行动”
];
建造师(
公共只读导航服务:导航服务,
受保护的只读authService:authService,
私有枚举服务:CbEnumService,
公共只读currentUser:CurrentUserService,
公共只读许可证许可证:许可证许可证,
公共只读对话框:MatDialog,
私有只读buildActivitiesLogicService:buildActivitiesLogicService
) {
this.formMode=formMode.View;
此.buildActivityRequiredLevel=
this.enumService.getSelectList(BuildActivityRequiredLevel);
}
public ngOnInit():void{
此.buildActivitiesLogicService
.getItem(此.buildActivityId)
.pipe(takeOne())
.订阅(x=>{
this.buildActivity=this.buildActivitiesLogicService
.$CreateMappeItem(BuildActivityAppedItem,x);
this.list=this.buildActivity.getNationalSchedule().buildActivityScheduleSpecificationsInItems;
console.log(this.list);
});
}
}

该表显示了4行,但表中的行都是数组的最后一项。
每行有“4”。为什么它要重复最后一行4次,而不是只显示4个唯一的行?

问题在于,您对行文本区域使用的是相同的ngModel
名称。因此,所有textareas都绑定到一个表单控件,并且为该控件设置的最后一个值将应用于它们。尝试使用唯一的名称,如:



CreateMappeItem和getNationalSchedule有问题您没有这些代码here@joyBlanks否,I console。记录了用于数据源的列表。是,您的列表重复了相同的项目4次,您将从上面的2个数据中获取数据methods@joyBlanks根据排序和索引,列表具有不同的项text@BeniaminoBaggins您不会在任何地方输出文本