Как встроить таблицу редактирования в угловой материал?

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

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


angularjs angular-material angularjs-ng-repeat angular-ui-bootstrap
person user2809901    schedule 01.02.2017    source источник
comment
Java и JavaScript - это не одно и то же, будьте осторожны при использовании правильных тегов. Я редактировал их для этого вопроса.   -  person Joe Clay    schedule 01.02.2017
comment
@JoeClay, спасибо, сейчас его отредактировали   -  person user2809901    schedule 01.02.2017

Ответы (1)


arrow_upward
0
arrow_downward

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

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

$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;
         }
    });
}

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

person Ervin    schedule 17.04.2017