Я хочу обновить изменения, внесенные на этой странице, и показать их на другой странице
Я сделал два контроллера, в которых я дал значение json в первом контроллере и показал его на другом контроллере, но я хочу изменить данные json на странице и при нажатии кнопки обновления я хочу, чтобы они показывали обновленные данные на предыдущей странице. первая - это первая страница с контроллером, с которого я отправил данные на другую страницу. но я не знаю, как обновить данные второй страницы и показать их в полях, которые я сделал на первой странице..
Что я уже пробовал:
<div ng-repeat="obj in data"> <div class="col-sm-3" style="margin-bottom: 4px;"> <div class="BoardCardWithCustomProperties BoardCardWithCustomProperties--hover" draggable="true"> <div class="BoardCardWithCustomProperties-contents"> <img class="BoardCardCoverImage" ng-src={{obj.thumbnail}}> <div class="BoardCardWithCustomProperties-nameAndDropdownButton"> <div class="BoardCardWithCustomProperties-name"> {{obj.name}} <a href=""><span class="smallcirclePhoto smallcircle smallcirclecolor" role="img" title="Edit" ng-click="doAction('Edit',obj)"></span> </a> <a href=""><span class="smallcirclePhoto smallcircle smallcirclecolor" role="img" title="Duplicate" ng-click="doAction('Copy',obj)"></span></a> <a href=""><span class="smallcirclePhoto smallcircle smallcirclecolor" role="img" title="Delete" ng-click="doAction('Delete',obj)"></span></a> </div> </div> </div>
приложение myapp.контроллер('SampleFlexCntrl', ['$охват', '$HTTP', который, 'orderProcessService', '$тайм-аут', 'authService', '$routeParams', 'метрики', 'localStorageService', '$г', 'CommonhttpService', функция ($объем, $протоколу HTTP, orderProcessService, $тайм-аут, authService, $routeParams, метрики, localStorageService, $г, CommonhttpService) {
$масштаб.doAction = функция (действие,obj) {
localStorageService.set("formatdata", obj);
окно.location = '#/SampleFormat/' + obj.id + "/действие/" + действие;
}
//формат JSON
$область действия.данные = [
{
"id": "1",
"Тип формата": "формат",
"имя": "Абхишек",
"содержание": "
Элемент div
","миниатюра": "/изображения/фон-sales.png",
},
{
"id": "2",
"Тип формата": "формат",
"имя": "Блауэр Зее",
"содержание": "
B div
","миниатюра": "/изображения/фон-sales.png"
}
];
}]);
<div class="col-sm-9" style="box-shadow: 2px; box-shadow: 2px 3px 5px 2px rgba(0,0,0,.1); padding-top: 10px;padding-bottom: 2%; transform:translate(12.5%,0%); border-radius: 7px;background:#fff"> <div class="form-group"> <label class="bold-label">{{data.name}}</label> <button type="button" style="float:right" class="btn btn-sm bg-darkgreen" ng-click="screenshot()">{{action}}</button> </div> <div class="col-sm-4"> <div class="form-group"> <label class="settinglabel">Name</label> <input type="text" maxlength="20" class="form-control" ng-model="data.name"> </div> </div> <div class="col-sm-3" style="margin-bottom: 4px;"> <div class="BoardCardWithCustomProperties BoardCardWithCustomProperties--hover" draggable="true"> <div class="BoardCardWithCustomProperties-contents"> <img class="BoardCardCoverImage" ng-src={{data.thumbnail}}> <div class="BoardCardWithCustomProperties-nameAndDropdownButton"> </div> </div> </div> </div>
myApp.controller('SampleFormatCntrl', ['$scope', '$http', 'orderProcessService', '$timeout', 'authService', '$routeParams', '$rootScope', 'localStorageService', '$q', 'CommonhttpService', function ($scope, $http, orderProcessService, $timeout, authService, $routeParams, $rootScope, localStorageService, $q, CommonhttpService) { var id = $routeParams.id; $scope.data = localStorageService.get("formatdata"); $scope.action = $routeParams.action; if ($scope.action == 'Edit' || $scope.action == 'Copy') { $scope.action = "Update" } else { $scope.action = "Save" } $scope.tinyArray = []; $scope.screenshot = function () { $scope.tinyArray.push({ "id": $scope.data.id, "Name": $scope.data.name, "content": $scope.data.content, "thumbnail": $scope.data.thumbnail, }); }