2017-03-16 5 views
0

Ich versuche, Werte aus einem Formular mit sessionStorage zu speichern. Aber es wirft Fehler,

Fehler: [$ Injektor: UNPR] http://errors.angularjs.org/1.2.25/$injector/unpr?p0=%24sessionStorageProvider%20%3C-%20%24sessionStorage

das ist mein app.js Datei

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); 
}; 
}]); 

Und auch Zweifel, kann mir jemand geben eine einfache Beispiel für Routing in angular js mit $ UrlRouterProvider. Ich möchte Werte von einem Formular (reg.html) mit sessionStorage abrufen und muss zu einer anderen Seite (sum.html) routen und die Werte aus form (reg.html) dort aussprechen. Die oben genannten Code haben viele Fehler, jede Hilfe wäre lebensrettend .. Vielen Dank im Voraus.

+0

[ 'sessionStorage'] (https: //developer.mozilla.org/en/docs/Web/API/Window/sessionStorage) ist global verfügbar. Sie müssen es nicht injizieren, noch ist es für die Injektion verfügbar – Phil

+0

ist 'sessionStorage' Ihr Service? – Sravan

+0

Nein, SessionStorage dient dazu, die Werte aus dem Formular abzurufen und zu speichern. – Urkilashi

Antwort

0

Zuerst muss zusammen mit der AngularJS-JavaScript-Datei ngStorage.min.js Datei geerbt werden, um Operationen für HTML5 LocalStorage- und SessionStorage-Objekte auszuführen. Dann müssen Sie den Parameter ngStorage in der angle.module-Definition übergeben und dann die Abhängigkeit $ localStorage, $ sessionStorage in den Controller injizieren.

Hier ist ein Beispiel zum Speichern und Abrufen der Daten vom und zum sessionStorage. Hier habe ich zwei Funktionen

  1. , um Daten zu speichern session
  2. Daten zu erhalten

    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); 
        } 
    }); 
    

    Ich hoffe, das hilft :)

Verwandte Themen