angularjs duy trì biến phạm vi trên các tuyến đường

Question

Làm cách nào để duy trì mô hình trên các tuyến đường. ví dụ tôi có một danh sách các hồ sơ được tải lên trang chủ. Trang chủ cũng chứa hành động "tải thêm" để tải thêm cấu hình, về cơ bản đẩy dữ liệu vào mô hình. Khi nhấp vào một cấu hình cụ thể, chế độ xem chi tiết cho cấu hình đó được kích hoạt thông qua các tuyến đường. Chế độ xem chi tiết có nút quay lại để chuyển hướng người dùng quay lại trang chủ. Khi định tuyến lại dữ liệu trang chủ (tiểu sử) được tải bởi hành động "tải thêm" bị mất. Tôi cần phải duy trì các mô hình với "nạp thêm" prepended dữ liệu

Dưới đây là các mã được sử dụng

/* Controllers */ 
var profileControllers = angular.module('profileControllers', ['profileServices']) 


profileControllers.controller('profileListCtrl', ['$scope','$location', 'Profile','$http', 
    function($scope,$location, Profile,$http) { 
    $scope.Profiles = Profile.query(function(){ 

     if($scope.Profiles.length < 3) { 
        $('#load_more_main_page').hide(); 
       } 
     }); 
    $scope.orderProp = 'popular'; 
    $scope.response=[]; 

    //LOADMORE 
    $scope.loadmore=function() 
    { 

     $http.get('profiles/profiles.php?profile_index='+$('#item-list .sub-item').length).success(function(response){ 
      if(response) { 
       var reponseLength = response.length; 
       if(reponseLength > 1) { 
        $.each(response,function(index,item) { 


         $scope.Profiles.push({ 
              UID: response[index].UID, 
              id: response[index].id, 
              popular: response[index].popular, 
              imageUrl: response[index].imageUrl, 
              name: response[index].name, 
              tags: response[index].tags, 
              category: response[index].category 
             }); 

         }); 
       } 
       if(reponseLength < 3) { 
        $('#load_more_main_page').hide(); 
       } 
      } 

     }); 


    } 

    }]); 





    /* App Module */ 

var profileApp = angular.module('profileApp', [ 
    'ngRoute', 
    'profileControllers', 
    'profileServices', 
]); 



profileApp.config(['$routeProvider', 
    function($routeProvider) { 
    $routeProvider. 
     when('/profiles', { 
     templateUrl: 'partials/profile-list.html', 
     controller: 'profileListCtrl', 
     resolve: { 
      deps: function ($q, $rootScope) { 
       var deferred = $q.defer(); 
       var dependencies = ['js/sort.js']; 
       $script(dependencies, function() { 
        $rootScope.$apply(function() { 
         deferred.resolve(); 
        }); 
       }); 
       return deferred.promise; 
      } 
     } 
     }). 
     when('/profiles/:profileId', { 
     templateUrl: 'partials/profile-detail.html', 
     controller: 'profileDetailCtrl', 

     }). 
     when('/profiles/cat/:category', { 
     templateUrl: 'partials/profile-list-category.html', 
     controller: 'profileCategoryListCtrl', 

     }). 
     when('/create/', { 
     templateUrl: 'partials/profile-create.html', 
     controller: 'profileCreateCtrl', 
     css: ['css/createprofile.css','css/jquery-ui-1.10.4.custom.min.css','css/spectrum.css'], 

     }). 
     otherwise({ 
     redirectTo: '/profiles' 
     }); 
    }]); 

Answer 1

Bạn có thể sử dụng một AngularJS service để làm điều đó. Dịch vụ là đơn và có thể lưu trữ dữ liệu trên các thay đổi tuyến đường.

myModule.factory('serviceId', function() { 
    var shinyNewServiceInstance = { 
    // your data here 
    }; 
    return shinyNewServiceInstance; 
}); 

Và sử dụng nó trong điều khiển của bạn:

controller('MyController', function($scope, serviceId) { 
    // use serviceId here 
}); 

Answer 2

Bạn đang mất các $scope biến bởi vì trong góc một controller không phải là một singleton. Sẽ có một phiên bản mới được tạo khi bạn điều hướng trở lại.

Nếu bạn muốn lưu trữ bất kỳ loại biến nào giữa thay đổi tuyến đường, bạn có thể tạo service để làm điều đó.

Answer 3

Dịch vụ thường là cách được chấp nhận để chia sẻ dữ liệu giữa các chế độ xem. Bởi vì nó là một singleton và không được tái tạo trên thay đổi tuyến đường, bạn có thể "cache" dữ liệu ở đó và lấy nó từ bất kỳ bộ điều khiển mà dịch vụ được tiêm vào.

Câu trả lời thứ hai của câu hỏi này giải thích nó với mã:

Same data in multiple views using AngularJS

Answer 4

Tạo một dịch vụ kiễu góc và vượt qua nó xung quanh tuyến đường khác nhau.

Câu trả lời chi tiết tại đây - https://stackoverflow.com/a/16559855/907388