Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript angular meteor$rootScope.currentUser未定义_Javascript_Angularjs_Meteor_Angular Meteor_Angularjs Rootscope - Fatal编程技术网

Javascript angular meteor$rootScope.currentUser未定义

Javascript angular meteor$rootScope.currentUser未定义,javascript,angularjs,meteor,angular-meteor,angularjs-rootscope,Javascript,Angularjs,Meteor,Angular Meteor,Angularjs Rootscope,我有一个相当简单的应用程序,我正在使用AngularMeteor构建。下面是我的app.js文件。当用户登录时,他们将被重定向到主状态。通常,$rootScope.currentUser存在,并且我能够获取需要在视图中显示的用户数据,等等。但是,有时在刷新时,我会收到一个错误,即$rootScope.currentUser未定义。我敢肯定,当我试图访问Meteor users集合时,它有时还没有准备好,但我不知道如何确保每次都能做到这一点 Cards = new Mongo.Collection

我有一个相当简单的应用程序,我正在使用AngularMeteor构建。下面是我的app.js文件。当用户登录时,他们将被重定向到主状态。通常,$rootScope.currentUser存在,并且我能够获取需要在视图中显示的用户数据,等等。但是,有时在刷新时,我会收到一个错误,即$rootScope.currentUser未定义。我敢肯定,当我试图访问Meteor users集合时,它有时还没有准备好,但我不知道如何确保每次都能做到这一点

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

}
Cards=新的Mongo.集合(“卡”);
Dopewaks=新Mongo.集合(“投票”);
Userstats=新的Mongo.Collection(“Userstats”);
投票=新流星收藏(“cardStore”);
if(Meteor.isClient){
Meteor.认购(“投票”);
Meteor.订阅(“dopewaks”);
Meteor.订阅(“cardStore”);
angular.module('dopewak',['angular-meteor','ui.router','gajus.swing'])
函数onReady(){
引导(文档,['dopewak']);
}
if(流星isCordova)
角度元素(文件).on(“deviceready”,onReady);
其他的
角度。元素(文档)。就绪(onReady);
angular.module('dopewak').config(['$urlRouterProvider','$stateProvider','$locationProvider',
函数($urlRouterProvider、$stateProvider、$locationProvider){
$locationProvider.html5Mode(true);
$stateProvider
.state('登录'{
url:“/login”,
templateUrl:'login.ng.html',
控制器:“卡堆栈”
})
.州(“家”{
url:“/home”,
templateUrl:'index.ng.html',
控制器:“卡堆栈”
});
$urlRouterProvider。否则('/login');
}]);
角度.module('dopewak').controller('card-stack',['$rootScope','$scope','$state','$meteor',函数($scope,$rootScope,$state,$meteor){
$scope.dopelist=$meteor.collection(投票);
如果($state.is('home')){
log($rootScope.currentUser);
if($rootScope.currentUser.services.hasOwnProperty(“twitter”)){
$scope.profilePic=$rootScope.currentUser.services.twitter.profile\u image\u 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卡=$meteor.集合(卡);
var currentIndex=卡片长度、时间值、随机索引;
//虽然还有一些元素需要洗牌。。。
而(0!==currentIndex){
//选择剩余的元素。。。
randomIndex=Math.floor(Math.random()*currentIndex);
currentIndex-=1;
//并将其与当前元素交换。
临时值=卡片[currentIndex];
卡片[当前索引]=卡片[随机索引];
卡片[随机索引]=临时值;
}
$scope.cards=卡片;
$scope.throwoutleft=函数(eventName,eventObject){
var card=eventObject.target;
var cardID=Dopewaks.insert({name:eventObject.target.id,userID:$rootScope.currentUser.\u id,投票:2,时间:new Date().valueOf()});
var doc=Cards.findOne({“name”:eventObject.target.id});
更新({u id:doc.{u id},{$inc:{dopescore:-1}});
$scope.cardCount--;
var user=Userstats.findOne({“name”:$rootScope.currentUser.profile.name});
var username=$rootScope.currentUser.profile.name;
如果(用户类型==='undefined'){
insert({name:username,waks:1});
}否则{
var record=Userstats.findOne({“name”:username});
update({u id:record.{u 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=函数(eventName,eventObject){
var card=eventObject.target;
var cardID=Dopewaks.insert({name:eventObject.target.id,userID:$rootScope.currentUser.\u id,投票:1,时间:new Date().valueOf()});
var doc=Cards.findOne({“name”:eventObject.target.id});
更新({u id:doc.{u id},{$inc:{dopescore:1}});
$scope.cardCount--;
var user=Userstats.findOne({“name”:$rootScope.currentUser.profile.name});
var username=$rootScope.currentUser.profile.name;
如果(用户类型==='undefined'){
insert({name:username,dopes:1});
}否则{
var record=Userstats.findOne({“name”:username});
update({u id:record.{u 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=函数(eventName,eventObject){
var card=eventObject.target;
$(card.css('display','none');
}; 
$scope.addCard=函数(newCard){
$scope.addMessage=false;
var cardExist=Cards.find({lowerName:newCard.name.toLowerCase()},{limit:1}).count()>0;
如果(newCard.name.length<2){
$scope.addMessage='条目必须至少包含2个字母';
}else if(cardExist){
$scope.addMessage='此卡已存在。请尝试其他操作。';
}否则{
insert({name:newCard.name,lowerName:newCard.name.toLowerCase(),userID:$rootScope.cur
.controller('card-stack', ['$rootScope', '$scope', '$state', '$meteor', function ($scope, $rootScope, $state, $meteor) {
.controller('card-stack', ['$rootScope', '$scope', '$state', '$meteor', function ($rootScope, $scope, $state, $meteor) {
 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');
  }]);