Как inline редактировать таблицу в угловом материале?

Question

Мне нужно встроить редактирование таблицы, т. Е. Отредактировать строку таблицы между ними. У меня есть таблица, заполненная данными, и каждая строка имеет кнопку с именем Edit в конце. Когда я нажимаю на эту кнопку, открывается диалоговое окно с содержимым конкретной строки. Я просто хочу отредактировать эти данные, и при нажатии кнопки сохранения в диалоговом окне эти данные должны динамически обновляться в таблице.

Ваша своевременная помощь очень ценится. Я использую угловой материал с угловыми.

Answer 1

Я собираюсь попытаться заполнить некоторые пробелы здесь. Я предполагаю, что вы используете какой-то модаль, чтобы помочь вам отредактировать строку.

Вы можете попробовать создать копию содержимого строки и передать ее в область модальности, а затем, когда пользователь нажимает кнопку «Сохранить», верните новое содержимое и установите строку. Если пользователь нажимает на отмену, мы не обновляем эту строку

$scope.edit = function(index) { 
    $scope.editCopy = angular.copy($scope.rows[index]); 
    var modal = $uibModal.open({ 
     //... your modal here 
    }); 

    modal.result.then(function(r) { 
     if (r) { 
      $scope.rows[index] = r; 
     } 
    }); 
} 

Надеюсь, что это поможет.