$ scope變量未定義，儘管設置在$ watch函數內

Question

我試圖在用戶的uid中插入一些東西到我的Firebase數據庫中，但出於某種原因未定義。看看下面的代碼：

，設置該用戶的數據信息（authData）主控制器在頁面加載時：

flickrApp.controller('mainCtrl', ['$scope', '$rootScope', '$firebase', 'Auth', 'shared', function($scope, $rootScope, $firebase, Auth, shared) { 

    Auth.$onAuth(function(authData) { 
     shared.setAuth(authData); 
     $scope.authData = shared.getAuth(); 
    }); 
}]); 

它處理認證狀態，股吧在我的控制器的服務：

flickrApp.service('shared', function() { 

    var authentication = false; 

    return { 
     getAuth: function() { 
      return authentication; 
     }, 
     setAuth: function (auth) { 
      authentication = auth; 
     } 
    }; 
}); 

這是它不起作用的地方，在我的標籤控制器中。 $scope.authData正在$watch函數中正確設置，但是當我嘗試在var ref行中使用它時，它說$scope.authData未定義（因此我無法訪問uid）。我不知道爲什麼這不是因爲它應該是..

我必須使用$apply與觀察器功能以及有什麼問題嗎？

flickrApp.controller('tagsCtrl', ['$scope', '$rootScope', '$firebase', 'shared', function($scope, $rootScope, $firebase, shared) { 

    $scope.tagsList = []; 
    $scope.shared = shared; 

    $scope.$watch('shared.getAuth()', function(authData) { 
     $scope.authData = authData; 
     console.log($scope.authData); 
    }); 

    var ref = new Firebase ('https://flickr.firebaseio.com/users/' + $scope.authData.uid); 
    var sync = $firebase(ref); 

    $scope.addTag = function(tag) { 

     $scope.tagsList.push(tag); 

     sync.$set({favoriteTags: $scope.tagsList}); 
    } 
}]); 

Answer 1

我認爲問題在於，在$ watch.set中設置$ scope.authData的數據之前，ref已經完成。嘗試將您的代碼更改爲：

flickrApp.controller('tagsCtrl', ['$scope', '$rootScope', '$firebase', 'shared', function($scope, $rootScope, $firebase, shared) { 

    $scope.tagsList = []; 
    $scope.shared = shared; 
    var ref,sync; 

    $scope.$watch('shared.getAuth()', function(authData) { 
     $scope.authData = authData; 
     console.log($scope.authData); 
     if($scope.authData){ 
      ref = new Firebase ('https://flickr.firebaseio.com/users/' + $scope.authData.uid); 
      sync = $firebase(ref); 
     } 
    }); 



    $scope.addTag = function(tag) { 

     $scope.tagsList.push(tag); 

     sync.$set({favoriteTags: $scope.tagsList}); 
    } 
}]);