2015-02-05 2 views
0

Я новичок в AngularJS, и я пытаюсь редактировать данные таблицы. Я не хочу использовать редактор сетки из-за соответствия 508 (и предпочтения клиента). Предпочтительной функциональностью является щелчок по строке, и форма заполняется данными строки.Форма Редактировать в таблице Нажмите

Проблема, с которой я сталкиваюсь, - это когда я редактирую данные в форме, которая автоматически обновляет данные таблицы. У меня есть отдельные переменные $ scope для данных таблицы и данных формы, поэтому я смущен, почему это происходит. Это приводит к автоматическому сохранению всех изменений. Ниже приведено описание jsfiddle с упрощенной таблицей моей проблемы.

http://jsfiddle.net/sknnw5wk/

Игнорировать код, только в таком SO не жалуется на JSFiddle ссылку, весь код в JSFiddle

$scope.editData = function (rowId) { 
    'use strict'; 

    $scope.currentEditId = rowId; 
    $scope.managementBaselineEdit = $scope.formData.managementBaseline.operations[rowId]; 
} 

ответ

1

Вы можете избежать этого поведения, сделав копию выбранного объекта, т.е.:

$scope.managementBaselineEdit = angular.copy($scope.formData.managementBaseline.operations[rowId]); 

смотрите здесь работает демо

http://jsfiddle.net/cq7v5p4o/

+0

Благодарим за работу JSFiddle. – JabberwockyDecompiler

Смежные вопросы