javascript – 未捕获错误:[$injector:unpr]未知提供者Ionic Framework / AngularJS

前端之家收集整理的这篇文章主要介绍了javascript – 未捕获错误:[$injector:unpr]未知提供者Ionic Framework / AngularJS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
local storage tutorial on the Ionic blog之后,我正在尝试在我的Ionic应用程序运行时设置/获取localStorage值,但是我收到错误消息:
  1. Uncaught Error: [$injector:unpr] Unknown provider: $localstorageProvider <- $localstorage

我的app.js代码

  1. angular.module('starter',['ionic','starter.controllers','starter.services'])
  2.  
  3. .run(function($ionicPlatform,$localstorage) {
  4. $ionicPlatform.ready(function() {
  5. // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
  6. // for form inputs)
  7. if(window.cordova && window.cordova.plugins.Keyboard) {
  8. cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
  9. }
  10. if(window.StatusBar) {
  11. // org.apache.cordova.statusbar required
  12. StatusBar.styleDefault();
  13. }
  14.  
  15. $localstorage.set('name','Ian');
  16. console.log($localstorage.get('name'));
  17. });
  18. })

和services.js:

  1. angular.module('starter.services',[])
  2.  
  3. .factory('localstorage',['$window',function($window) {
  4. return {
  5. set: function(key,value) {
  6. $window.localStorage[key] = value;
  7. },get: function(key,defaultValue) {
  8. return $window.localStorage[key] || defaultValue;
  9. },setObject: function(key,value) {
  10. $window.localStorage[key] = JSON.stringify(value);
  11. },getObject: function(key) {
  12. return JSON.parse($window.localStorage[key] || '{}');
  13. }
  14. }
  15. }]);

不知道我在这里缺少什么.

编辑:如果我将我的app.js代码更改为以下代码,它按预期工作:

  1. angular.module('starter',$localstorage) {
  2. $ionicPlatform.ready(function() {
  3. // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
  4. // for form inputs)
  5. if(window.cordova && window.cordova.plugins.Keyboard) {
  6. cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
  7. }
  8. if(window.StatusBar) {
  9. // org.apache.cordova.statusbar required
  10. StatusBar.styleDefault();
  11. }
  12.  
  13. window.localStorage.setItem('name','Ian');
  14. console.log(window.localStorage.getItem('name'));
  15.  
  16. });
  17. })

解决方法

与Ionic教程实现有同样的问题:
http://learn.ionicframework.com/formulas/localstorage/

当我删除localstorage前面的$符号时,它工作正常.

  1. .run(function($ionicPlatform,localstorage)

猜你在找的JavaScript相关文章