Как добавить кнопку изменить к элементу

[LLEEVV2020]

Вот пример
https://jsfiddle.net/LLEEVV2020/k46skdev/12/

Хочу добавить кнопку "изменить" к элементу (li). При нажатии элемент списка заменяется на импут со значением внутри и кнопкой "сохранить". При сохранении - обратно в первостепенный вид.

Пока сделал только заглушку

<button ng-click="change()">✏</button>

$scope.change = function() {
      console.log("ttt");
}

Как бы сделали это вы?

[ksa]

Как вариант:
- в элементе иметь скрытый элемент с элементами для редактирования
- при клике прятать элемент с названием и показывать элементы редактирования
- после редактирования делать все в обратном порядке

[destus]

LLEEVV2020,

При сохранении - обратно в первостепенный вид.

какой тогда смысловой функционал кнопки "Сохранить" ?

https://jsfiddle.net/xdcd9npp/

[LLEEVV2020]

destus,

какой тогда смысловой функционал кнопки "Сохранить" ?

Пока до конца не придуман.

Спасибо за хороший код