0

У меня довольно простое приложение, которое я использую с помощью углового метеор. Ниже приведен файл app.js. Когда пользователь входит в систему, они перенаправляются в исходное состояние. Обычно существует $ rootScope.currentUser, и я могу получить данные пользователя, которые мне нужно отображать в представлениях, и т. Д. Однако иногда при обновлении я получаю сообщение об ошибке: $ rootScope.currentUser не определен. Я почти уверен, что коллекция пользователей Meteor иногда еще не готова, когда я пытаюсь получить к ней доступ, но я не могу понять, как это сделать каждый раз.

Cards = new Mongo.Collection("cards"); 
Dopewaks = new Mongo.Collection("votes"); 
Userstats = new Mongo.Collection("userstats"); 
Votes = new Meteor.Collection("cardStore"); 

if (Meteor.isClient) { 

    Meteor.subscribe("votes"); 
    Meteor.subscribe("dopewaks"); 
    Meteor.subscribe("cardStore"); 

    angular.module('dopewak', ['angular-meteor', 'ui.router', 'gajus.swing']) 

    function onReady() { 
    angular.bootstrap(document, ['dopewak']); 
    } 

    if (Meteor.isCordova) 
    angular.element(document).on("deviceready", onReady); 
    else 
    angular.element(document).ready(onReady); 

    angular.module('dopewak').config(['$urlRouterProvider', '$stateProvider', '$locationProvider', 
    function($urlRouterProvider, $stateProvider, $locationProvider){ 

     $locationProvider.html5Mode(true); 

     $stateProvider 
     .state('login', { 
      url: '/login', 
      templateUrl: 'login.ng.html', 
      controller: 'card-stack' 
     }) 
     .state('home', { 
      url: '/home', 
      templateUrl: 'index.ng.html', 
      controller: 'card-stack' 
     }); 

     $urlRouterProvider.otherwise('/login'); 
    }]); 


    angular.module('dopewak').controller('card-stack', ['$rootScope', '$scope', '$state', '$meteor', function ($scope, $rootScope, $state, $meteor) { 

     $scope.dopelist = $meteor.collection(Votes); 

     if ($state.is('home')) { 

      console.log($rootScope.currentUser); 

      if($rootScope.currentUser.services.hasOwnProperty("twitter")) { 
      $scope.profilePic = $rootScope.currentUser.services.twitter.profile_image_url; 
      $scope.screenName = $rootScope.currentUser.services.twitter.screenName; 
      } else if($rootScope.currentUser.services.hasOwnProperty("facebook")) { 
      console.log("facebook"); 
      } 

     $scope.userStats = $meteor.collection(Userstats); 
     } 

     $scope.cardCount = $meteor.collection(Cards).length; 
     var cards = $meteor.collection(Cards); 
     var currentIndex = cards.length, temporaryValue, randomIndex ; 

     // While there remain elements to shuffle... 
     while (0 !== currentIndex) { 
      // Pick a remaining element... 
      randomIndex = Math.floor(Math.random() * currentIndex); 
      currentIndex -= 1; 

      // And swap it with the current element. 
      temporaryValue = cards[currentIndex]; 
      cards[currentIndex] = cards[randomIndex]; 
      cards[randomIndex] = temporaryValue; 
     } 

     $scope.cards = cards; 


     $scope.throwoutleft = function (eventName, eventObject) { 
      var card = eventObject.target; 
      var cardID = Dopewaks.insert({ name: eventObject.target.id, userID: $rootScope.currentUser._id, vote: 2, time: new Date().valueOf() }); 

      var doc = Cards.findOne({ "name": eventObject.target.id }); 
      Cards.update({ _id: doc._id }, {$inc: { dopescore: -1 }}); 
      $scope.cardCount--; 

      var user = Userstats.findOne({ "name": $rootScope.currentUser.profile.name }); 
      var username = $rootScope.currentUser.profile.name; 

      if(typeof user === 'undefined') { 
       Userstats.insert({ name: username , waks: 1 }); 
      } else { 
       var record = Userstats.findOne({ "name": username }); 
       Userstats.update({ _id: record._id }, {$inc: { waks: 1 }}); 
      } 

      $('.wak-tip').addClass('animated rubberBand'); 
      $('.wak-tip').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() { 
      $('.wak-tip').removeClass('animated rubberBand'); 
      }); 

     }; 

     $scope.throwoutright = function (eventName, eventObject) { 
      var card = eventObject.target; 
      var cardID = Dopewaks.insert({ name: eventObject.target.id, userID: $rootScope.currentUser._id, vote: 1, time: new Date().valueOf() }); 

      var doc = Cards.findOne({ "name": eventObject.target.id }); 
      Cards.update({ _id: doc._id }, {$inc: { dopescore: 1 }}); 
      $scope.cardCount--; 

      var user = Userstats.findOne({ "name": $rootScope.currentUser.profile.name }); 
      var username = $rootScope.currentUser.profile.name; 

      if(typeof user === 'undefined') { 
       Userstats.insert({ name: username , dopes: 1 }); 
      } else { 
       var record = Userstats.findOne({ "name": username }); 
       Userstats.update({ _id: record._id }, {$inc: { dopes: 1 }}); 
      } 

      $('.dope-tip').addClass('animated rubberBand'); 
      $('.dope-tip').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() { 
      $('.dope-tip').removeClass('animated rubberBand'); 
      }); 
     }; 

     $scope.throwout = function (eventName, eventObject) { 
      var card = eventObject.target; 
      $(card).css('display', 'none'); 
     }; 

     $scope.addCard = function(newCard) { 
      $scope.addMessage = false; 

      var cardExist = Cards.find({lowerName: newCard.name.toLowerCase()}, {limit: 1}).count() > 0; 

      if(newCard.name.length < 2) { 
      $scope.addMessage = 'Entry must contain at least 2 letters.'; 
      } else if(cardExist) { 
       $scope.addMessage = 'This card already exists. Try another thing.'; 
      } else { 
      Cards.insert({ name: newCard.name, lowerName: newCard.name.toLowerCase(), userID: $rootScope.currentUser._id, time: new Date() }); 
      $scope.addMessage = 'Your card was successfully added!'; 
      } 
     } 

     $scope.openUpload = function() { 
     $('.submit-overlay').show(); 
     }; 

     $scope.closeUpload = function() { 
     $('.submit-overlay').hide(); 
     }; 

     $scope.toggleLeftMenu = function() { 
      if($("#left-menu").hasClass("menu-visible")) { 
       $scope.leftMenuShown = false; 
       $('.modal-bg').css('display', 'none'); 
       $("#left-menu").removeClass("menu-visible"); 
       $("#left-menu").animate({ 
       left: '-250px' 
       }, 300); 
      } else { 
       $scope.leftMenuShown = true; 

       if($scope.rightMenuShown) { 
       $scope.toggleRightMenu(); 
       } 

       $('.modal-bg').css('display', 'block'); 
       $("#left-menu").addClass("menu-visible"); 
       $("#left-menu").animate({ 
       left: '0' 
       }, 300); 
      } 
     }; 

     $scope.toggleRightMenu = function() { 
      if($("#right-menu").hasClass("menu-visible")) { 
       $scope.rightMenuShown = false; 
       $('.modal-bg').css('display', 'none'); 
       $("#right-menu").removeClass("menu-visible"); 
       $("#right-menu").animate({ 
       right: '-250px' 
       }, 300); 
      } else { 
       $scope.rightMenuShown = true; 

       if($scope.leftMenuShown) { 
       $scope.toggleLeftMenu(); 
       } 

       $('.modal-bg').css('display', 'block'); 
       $("#right-menu").addClass("menu-visible"); 
       $("#right-menu").animate({ 
       right: '0' 
       }, 300); 
      } 
     }; 

     $scope.checkMenus = function() { 
      if($scope.leftMenuShown) { 
      $scope.toggleLeftMenu(); 
      } 

      if($scope.rightMenuShown) { 
      $scope.toggleRightMenu(); 
      } 
     }; 

     Accounts.onLogin(function() { 
      if ($state.is('login')) { 
      $state.go('home'); 
      } 
     }); 

     Accounts.onLoginFailure(function() { 
      $state.go('login'); 
     }); 

    }]); 

} 

if (Meteor.isServer) { 
    Meteor.startup(function() { 
    if (Cards.find().count() === 0) { 

     var cards = [ 
     {'name': 'Test1'}, 
     {'name': 'Test2'}, 
     {'name': 'Test3'} 
     ]; 

     for (var i = 0; i < cards.length; i++) 
     Cards.insert(cards[i]); 

    } 
    }); 

    Votes.allow({ 
     'insert': function (userId,doc) { 
      /* user and doc checks , 
      return true to allow insert */ 
      return true; 
     } 
    }); 

    Dopewaks.allow({ 
     'insert': function (userId,doc) { 
      /* user and doc checks , 
      return true to allow insert */ 
      return true; 
     } 
    }); 

    Cards.allow({ 
     'insert': function (userId,doc) { 
      /* user and doc checks , 
      return true to allow insert */ 
      return true; 
     } 
    }); 

    Cards.allow({ 
     'update': function (userId,doc) { 
      /* user and doc checks , 
      return true to allow insert */ 
      return true; 
     } 
    }); 

    Userstats.allow({ 
     'insert': function (userId,doc) { 
      /* user and doc checks , 
      return true to allow insert */ 
      return true; 
     } 
    }); 

    Userstats.allow({ 
     'update': function (userId,doc) { 
      /* user and doc checks , 
      return true to allow insert */ 
      return true; 
     } 
    }); 

    Meteor.publish("votes", function(args) { 
     var sub = this; 

     var db = MongoInternals.defaultRemoteCollectionDriver().mongo.db; 

     var pipeline = [ 
      { "$group": { 
      "_id": "$name", 
      "likes": { "$sum": { "$cond": [{ "$eq": [ "$vote", 1 ] },1,0] } }, 
      "dislikes": { "$sum": { "$cond": [{ "$eq": [ "$vote", 2 ] },1,0] } }, 
      "total": { "$sum": { "$cond": [{ "$eq": [ "$vote", 1 ] },1,-1] } } 
      }}, 
      { "$sort": { "total": -1, "_id": 1 } } 

     ]; 

     db.collection("votes").aggregate(
      pipeline, 
      Meteor.bindEnvironment(
      function(err, result) { 
       _.each(result, function(e) { 
       e.name = e._id; 
       delete e._id; 

       sub.added("cardStore",Random.id(), e); 

       }); 
       sub.ready(); 
      }, 
      function(error) { 
       Meteor._debug("error running: " + error); 
      } 
     ) 
     ); 
    }); 

} 

ответ

0

Вы $rootScope и $scope замешан в вашей декларации зависимостей для начала.

.controller('card-stack', ['$rootScope', '$scope', '$state', '$meteor', function ($scope, $rootScope, $state, $meteor) { 

должно быть ...

.controller('card-stack', ['$rootScope', '$scope', '$state', '$meteor', function ($rootScope, $scope, $state, $meteor) { 
2

Во-первых, как отмечает @ Matt, вам нужно исправить $ rootScope/$ выпуск Scope. ТОГДА на маршрутах вы можете использовать решительность по любому маршруту, который нуждается пользователь с waitForUser():

angular.module('dopewak').config(['$urlRouterProvider', '$stateProvider', '$locationProvider', 
function($urlRouterProvider, $stateProvider, $locationProvider){ 

    $locationProvider.html5Mode(true); 

    $stateProvider 
    .state('login', { 
     url: '/login', 
     templateUrl: 'login.ng.html', 
     controller: 'card-stack', 
     resolve: { 
      'currentUser': ['$meteor', function($meteor) { 
       $meteor.waitForUser(); 
      }] 
     } 
    }) 
    .state('home', { 
     url: '/home', 
     templateUrl: 'index.ng.html', 
     controller: 'card-stack' 
    }); 

    $urlRouterProvider.otherwise('/login'); 
    }]); 

Это вернет подписку пользователя или нулевое значение, если не зарегистрировано. Иногда $ rootScope.currentUser не заполнены не до подписки пользователей запускается.

0

Я иногда получал $ rootScope.currentUser неопределенным, когда обновляюсь, даже если я использую $meteor.waitForUser() в разрешении.

Так что я пытался с этим Meteor.users.findOne(Meteor.userId())

Но даже если иногда это не работает. это решение не работает для меня.

Я использую $ rootScope.currentUser в функции $rootScope.$on('$stateChangeSuccess', ..., потому что мне нужно сделать чек на пользователе.

 Смежные вопросы

  • Нет связанных вопросов^_^