2017-03-16 15 views
0

我正嘗試使用sessionStorage存儲表單中的值。但它拋出錯誤,

錯誤:[$注射器:unpr] http://errors.angularjs.org/1.2.25/$injector/unpr?p0=%24sessionStorageProvider%20%3C-%20%24sessionStorage

這是我app.js文件

var BusRegModule = angular.module('BusRegModule', ['ui.router']); 

BusRegModule.config(function($stateProvider, $urlRouterProvider, $locationProvider) { 
    $urlRouterProvider.otherwise('/'); 
    /* should route to sum.html(below code was used for checking) */ 
    $stateProvider.state('home', {  
      url: '/home', 
      templateUrl: 'home.html' 
    }); 
    $locationProvider.html5Mode(true);  
}); 

BusRegModule.controller('BusRegController',["$scope","$sessionStorage","$http", function($scope,$sessionStorage,$http){ 
$scope.storage=$sessionStorage; 
$scope.businessReg= {} 
$scope.submitMyForm=function() {   
    var q; 
    sessionStorage.setItem("q",JSON.stringify($scope.businessReg)); 
    var d=sessionStorage.getItem("q"); 
    alert(d); 
}; 
}]); 

而更多的疑問也,誰能給我一個簡單的例如使用$ UrlRouterProvider在角度js中進行路由。我想使用sessionStorage從表單(reg.html)獲取值,並需要路由到另一個頁面(sum.html),並從表單(reg.html)中將值返回給那裏。 上面的代碼有很多錯誤,任何幫助都可以挽救生命。 在此先感謝。

+0

['sessionStorage'(HTTPS: //developer.mozilla.org/en/docs/Web/API/Window/sessionStorage)是全球可用的。你不需要注入它,也不可以注入 – Phil

+0

是'sessionStorage'你的服務? – Sravan

+0

不,sessionStorage用於從表單獲取值並存儲它。 – Urkilashi

回答

0

首先,隨着AngularJS JavaScript文件,ngStorage.min.js文件也需要繼承,以便對HTML5 LocalStorage和SessionStorage對象執行操作。 然後,您需要在angular.module定義中傳遞ngStorage參數,然後在控制器中注入$ localStorage,$ sessionStorage依賴項。

這是一個關於如何保存和從sessionStorage獲取數據的例子。在這裏,我有兩個功能

  1. 將數據保存到的sessionStorage
  2. 獲取數據

    var app = angular.module('MyApp', ["ngStorage"]) 
    app.controller('MyController', function ($scope, $localStorage, $sessionStorage, $window) { 
        $scope.Save = function() { 
         $sessionStorage.SessionMessage = "SessionStorage: Storing some data."; 
        } 
        $scope.Get = function() { 
         $window.alert($sessionStorage.SessionMessage); 
        } 
    }); 
    

    我希望這有助於:)

相關問題