首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将角数据表td元素从{{element[column]}}更改为输入表单字段

如何将角数据表td元素从{{element[column]}}更改为输入表单字段
EN

Stack Overflow用户
提问于 2018-11-30 07:49:02
回答 1查看 1.2K关注 0票数 0

因此,我有这个角度材料数据表,它是用列和json文件中的数据动态填充的。现在,我在一个标准的->元素中使用插值{{element[column]}}填充每一行。当我单击某一行时,我可以突出显示该特定行,但我希望将td{{element[column]}}更改为form。因此,基本上,当在form上单击一行时,我希望将这一行更改为元素。我不知道该怎么处理。

我尝试使用ngIf在ng-模板之间进行更改,但是当我单击该行时,这会改变每一行。我只想更改我专门单击的行的html元素。如有任何帮助或指导,将不胜感激。由于公司的限制,我不能上传任何代码,但是我可以使用下面的模拟代码来显示我的问题。

我有过

代码语言:javascript
运行
复制
<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元素更改为带有inputform,但只有该特定行,而不是所有行。

EN

回答 1

Stack Overflow用户

发布于 2018-11-30 08:14:02

我建议把桌子和内容分开。因此,定义一个表示单元格内容的新组件,单击该组件将转换为表单。

参见例如:https://stackblitz.com/edit/angular-q46mwh

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53553334

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档