1

刷新頁面時(與F5一樣),我的服務中的數據被清除。有沒有辦法解決這個沒有本地存儲?這不是一個重要的特徵,但應用程序中斷,如果你刷新頁面,這不是通常最適合最終用戶...頁面刷新時清除的服務中的數據刷新

第一個控制器:

$scope.go = function(location){ 
    classService.currentClass = location; 
} 

服務:

.service('classService', function() { 
    var classService = this; 

    //Init 
    classService.currentClass = null; 
}); 

第二控制器:

.controller('ClassCtrl', function ($scope, classService) { 
     var currentClass = classService.currentClass; 
     $scope.className = currentClass.getTeacherClassName(); 
     $scope.classDescription = currentClass.getTeacherClassDescription(); 
     $scope.classCode = currentClass.getTeacherClassCode(); 
    }); 

它可能是明顯的,但我對程序有點新ing和AngularJS。

編輯:我試着刪除空初始化和它沒有修復它。

+0

聽起來像是你需要在後臺運行。雖然本地存儲很好。你爲什麼要避免它? – 2015-03-31 15:55:45

+0

@AustinMullins我有一個後端,我在另一個視圖中循環訪問它的REST API返回的數組,我試圖通過他們點擊的特定項目。我想避免本地存儲,因爲我只想要簡單的東西,但我認爲cookie可能是最簡單的方法。 – Drakee510 2015-03-31 15:57:54

+0

,因爲cookie比本地存儲簡單得多。 – 2015-03-31 16:13:22

回答

1

這是非常容易使用ngStorage

請看演示這裏

http://plnkr.co/edit/F9dEP472n8ETaK1wLqVq?p=preview

添加ngStorage您的主頁以實施角$的localStorage

<script src="http://rawgit.com/gsklee/ngStorage/0.3.0/ngStorage.min.js"></script> 

添加ngStorage到您的模塊

var app = angular.module('app', ['ngStorage']); 

加$ localStorage的服務,您的控制器和服務

angular.module('app').service('classService', function($http,$localStorage).. 

其餘部分在演示plunkr

+0

哇謝謝!我不知道那很容易。 – Drakee510 2015-04-01 01:06:28