Javascript-форум (https://javascript.ru/forum/)
-   Angular.js (https://javascript.ru/forum/angular/)
-   -   Как добавить кнопку изменить к элементу (https://javascript.ru/forum/angular/67818-kak-dobavit-knopku-izmenit-k-ehlementu.html)

LLEEVV2020 10.03.2017 09:15

Как добавить кнопку изменить к элементу
 
Вот пример
https://jsfiddle.net/LLEEVV2020/k46skdev/12/

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

Пока сделал только заглушку
<button ng-click="change()">✏</button>

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


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

ksa 10.03.2017 09:50

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

destus 10.03.2017 10:11

LLEEVV2020,
Цитата:

При сохранении - обратно в первостепенный вид.
какой тогда смысловой функционал кнопки "Сохранить" ? :)

https://jsfiddle.net/xdcd9npp/

LLEEVV2020 10.03.2017 12:48

destus,
Цитата:

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

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


Часовой пояс GMT +3, время: 16:48.