Итак, у меня есть этот простой пример, как добавлять и удалять элементы, но проблема с редактированием. У меня есть эта скрипка: https://jsfiddle.net/b24dqk0r/3/ Я хочу, когда пользователь нажимает ok, чтобы сохранить этот элемент в массиве. Любое предложение?Как отредактировать элемент?
$scope.Save = function (firstName)
{
$scope.Persons.splice(1,firstName)
}
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script src="angular/angular.min.js"></script>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.Persons = [];
$scope.firstName = "";
$scope.showEdit = false;
$scope.editValue="";
$scope.addItem = function(item)
{
$scope.Persons.push(item);
$scope.firstName ="";
}
$scope.removeItem = function(person)
{
$scope.Persons.splice($scope.Persons.indexOf(person), 1);
}
$scope.editPersons = function (item) {
$scope.showEdit = true;
$scope.editValue = item;
$scope.helpEdit = item;
}
$scope.Save = function()
{
editVal = $scope.Persons.splice($scope.Persons.indexOf($scope.helpEdit), 1);
$scope.Persons.push($scope.editValue);
$scope.editValue="";
$scope.showEdit = false;
console.log(editVal);
}
});
</script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
First Name: <input type="text" ng-model="firstName"><br>
<br>
<ul ng-repeat="person in Persons | filter:search">
<li>{{person}}<button type="button" ng-click="removeItem(person)">REMOVE</button>
<button type="button" ng-click="editPersons(person)">UPDATE</button>
</li>
</ul>
<div ng-show="showEdit">
First Name: <input type="text" ng-model="editValue"><br>
<button type="button" ng-click="Save()">SAVE</button>
</div>
<button type="button" ng-click="addItem(firstName)">ADD</button>
<br/>
<label>SEARCH</label><input type="search" ng-model="search" />
</div>
</body>
</html>
Вы удалите свой вопрос после того, как вы получили ответ, как вы делали с предыдущим? –
им не удалять вопрос..у будет помогать мне решить мою проблему? – None