angularjs मार्गों में स्कोप चर बनाए रखता है

Question

मैं मार्गों के मॉडल को कैसे बनाए रखूं। उदाहरण के लिए मेरे पास होम पेज पर लोड प्रोफाइल की एक सूची है। होम पेज में अधिक प्रोफाइल लोड करने के लिए "लोड लोड" एक्शन भी शामिल है, मूल रूप से मॉडल को डेटा को दबाकर। किसी विशिष्ट प्रोफ़ाइल पर क्लिक करने पर, उस प्रोफ़ाइल के लिए विवरण-दृश्य मार्गों के माध्यम से सक्रिय किया जाता है। विवरण दृश्य में एक बैक बटन होता है जो उपयोगकर्ता को होम पेज पर रीडायरेक्ट करता है। "लोड लोड" कार्रवाई से लोड किए गए होम पेज डेटा (प्रोफाइल) पर वापस जाने पर कार्रवाई खो जाती है। मैं "लोड अधिक" के साथ मॉडल बनाए रखने की जरूरत डेटा

prepended नीचे कोड का इस्तेमाल किया

/* 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

आप एक AngularJS service उपयोग कर सकते हैं कि क्या करना है। सेवाएं सिंगलेट हैं और मार्ग परिवर्तनों में डेटा स्टोर कर सकती हैं।

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

और अपने नियंत्रक में उपयोग:

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

Answer 2

आप $scope चर खो रहे हैं, क्योंकि कोणीय में एक controller एक सिंगलटन नहीं है। जब आप वापस नेविगेट करते हैं तो इसका एक नया उदाहरण उत्पन्न होगा।

यदि आप मार्ग-परिवर्तनों के बीच किसी भी प्रकार के चर स्टोर करना चाहते हैं, तो आप इसे करने के लिए service बना सकते हैं।

Answer 3

एक सेवा आमतौर पर विचारों के बीच डेटा साझा करने का स्वीकार्य तरीका है। चूंकि यह एक सिंगलटन है और मार्ग परिवर्तन पर पुन: उत्पन्न नहीं होता है, तो आप वहां डेटा को "कैश" कर सकते हैं और इसे किसी भी नियंत्रक से पुनर्प्राप्त कर सकते हैं जिस पर सेवा इंजेक्शन दी जाती है।

इस सवाल की दूसरी जवाब कोड के साथ बताते हैं:

Same data in multiple views using AngularJS

Answer 4

एक कोणीय सेवा बनाएँ और विभिन्न मार्गों के आसपास इसे पारित।

विस्तृत जवाब यहाँ - जैसे आप ui रूटर की जरूरत है, जो दिखाई देने वाले राज्य को बनाए रखने के https://stackoverflow.com/a/16559855/907388