Input 如何在Angular 4中实现此输入框编辑保存功能

我想在Angular 4中实现相同的功能

---

如何实现这一点？

其工作原理基本相同，只需使用*ngIf进行条件渲染，并使用（单击）处理单击事件editMode必须是component.ts文件中的属性

<form>
 <label *ngIf='!editMode'>{{name}}</label>
 <input *ngIf='editMode' [(ngModel)]="name" name='name'>
 <button (click)='editMode=true'>Edit</button>
 <button (click)='editMode=false'>Save</button>
</form>

{{name}}
编辑
拯救

我不需要两个按钮（编辑和保存）。单击save后，我想将edit替换为save尝试以下操作：{{editMode？“save”：“edit”}这将在初始化时与您设置的“editMode”对应的模式下启动，并在每次单击时更改。我只是在解决方案中有两个按钮，因为它是您发布的链接的修改版本。