Как сделать так, чтобы по клику на конкретный div
, он менялся на textarea
и по клику на кнопку (в моем случае "Сохранить"), конкретная textarea
менялась обратно на div
?
Функция, которая привязана к ng-click
:
$scope.mode = 'division';
$scope.EditTask = function (task) {
if ($scope.mode == 'division') {
$scope.mode = 'area';
} else if ($scope.mode == 'area') {
$scope.mode = 'division'
}
};
HTML:
<div ng-repeat="task in tasks">
<div ng-switch on="mode">
<div ng-switch-when="area">
<textarea ng-model="task">{[ task.text_task ]}</textarea>
<button ng-click="EditTask($event)">Сохранить</button>
<button ng-click="DeleteTask(task)">Удалить</button>
</div>
<div ng-switch-when="division">
<div ng-model="data" ng-click="EditTask($event)">{[ task.text_task ]}</div>
<button ng-click="DeleteTask(task)">Удалить</button>
</div>
</div>
Сейчас, когда я кликаю на div
, все дивы меняются на textarea
(что, в общем-то, логично, смотря на мой код), но мне нужно сделать как я описал в начале вопроса, но я не могу догадаться как это сделать.