因此,我有这个角度材料数据表,它是用列和json文件中的数据动态填充的。现在,我在一个标准的->元素中使用插值{{element[column]}}填充每一行。当我单击某一行时,我可以突出显示该特定行,但我希望将td从{{element[column]}}更改为form。因此,基本上,当在form上单击一行时,我希望将这一行更改为元素。我不知道该怎么处理。
我尝试使用ngIf在ng-模板之间进行更改,但是当我单击该行时,这会改变每一行。我只想更改我专门单击的行的html元素。如有任何帮助或指导,将不胜感激。由于公司的限制,我不能上传任何代码,但是我可以使用下面的模拟代码来显示我的问题。
我有过
<ng-container [matColumnDef]="column" *ngFor="let column of displayedColumns">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{column}} </th>
<td mat-cell *matCellDef="let element">
{{element[column]}}
</td>
</ng-container>当我单击特定行时,我希望将当前的td元素更改为带有input的form,但只有该特定行,而不是所有行。
发布于 2018-11-30 08:14:02
我建议把桌子和内容分开。因此,定义一个表示单元格内容的新组件,单击该组件将转换为表单。
https://stackoverflow.com/questions/53553334
复制相似问题