Question

目前我正在尝试使用angularJS保存更新的函数。直到现在我可以编辑数据，数据可以在数据库端更新，但它没有显示在前端端。除非我必须注销并再次登录才能查看更新的结果。我可以知道如何修复这个错误。

这是我的controller.js代码：

.controller('FilmDetailController', //havent done yet
            [
                '$scope', 
                'dataService', 
                '$routeParams',
                '$location',
                '$window',
                'UserInfo',

                function ($scope, dataService, $routeParams, $location,$window, UserInfo){
                    //var userName=dataService.getSessionService('user');
                    if(UserInfo.loggedIn){
                        $scope.film = [ ];
                        $scope.filmCount = 0;

                        var getFilmDetail = function (moviecode) {
                            dataService.getFilmDetail(moviecode).then(
                                function (response) {
                                    $scope.film = response.data.ResultSet.Result;
                                    //$scope.userLoginEmail = dataService.getSessionService('userEmail');
                                    $scope.showSuccessMessage = true;
                                    $scope.successMessage = "Film Success";
                                },
                                function (err){
                                    $scope.status = 'Unable to load data ' + err;
                                }
                            );  // end of getStudents().then
                        };

                        $scope.editedFilm = {};
                        $scope.save_note = function ($event,film) {
                            $scope.editedFilm = film;
                            dataService.saveNote($scope).then(
                                function (response) {
                                    // getFilmDetail();
                                    $window.location.href = '#/movieList';
                                    //$window.location.reload();
                                    console.log("done");
                                },

                                function (err){
                                    $scope.status = 'Unable to load data ' + err;
                                }
                            );
                            // $scope.reloadRoute = function () {
                            //     $location.path('/movieList');
                            //     $window.location.reload()
                            // }//end of reload route fnction

                        }

                        // only if there has been a courseid passed in do we bother trying to get the students
                        if ($routeParams && $routeParams.filmid) {
                        // console.log($routeParams.filmid);
                            getFilmDetail($routeParams.filmid);
                        }
                    }else{
                        $location.path('/login');
                    }

                }
            ]
        );

点击保存注释按钮后，应在角度侧和数据库侧更新注释。目前它只能在数据库端更新，除了角度侧。在此先感谢您的帮助。

Answer 1

据我所知，您需要将笔记数据存储在服务中，当笔记成功保存在数据库中时，您需要将新笔记推送到服务数据中。

我创造了一个简单的小提琴：https://jsfiddle.net/robrothedev/vgbqyv10/

function ItemService() {
  var service = {
    items: [],
    addItem: addItem
 };

 return service;

function addItem(new_item) {
   // run your http request and if the response is valid,
   // push the new item to your service array
   // $http.post(url,new_item).then(function(response) {
   //      service.items.push(response.data.new_item);
   // });
 }

}

function ItemsCtrl(ItemService) {
  var vm = this;

  vm.items = ItemService.items;
  vm.new_item = {};
  vm.addItem = addItem;

  function addItem() {
    ItemService.addItem(vm.new_item);
    vm.new_item = {};
  }
}

AngularJS：无法保存数据

1 个答案: