angularjs firebase在日志中显示值,但在实际html

时间:2018-02-28 16:06:37

标签: javascript html angularjs firebase

我希望这不会太宽泛。

我有这个简单的有角度的网站,我从firebase(...)

显示数据

我在.js文件中以这种方式获取数据:

'use strict';

angular.module('webApp.seeHoraire', ['ngRoute', 'firebase'])

.config(['$routeProvider', function($routeProvider){
  $routeProvider.when('/seeHoraire', {
    templateUrl: 'seeHoraire/seeHoraire.html',
    controller: 'SeeHoraireCtrl'
  });
}])

.controller('SeeHoraireCtrl', ['$scope', 'CommonProp', '$firebaseArray', function($scope, CommonProp, $firebaseArray){
  var userId = firebase.auth().currentUser.uid;
  console.log('Current user uid : ', userId);

  return firebase.database().ref('/Users/' + userId + '/Horaire').once('value').then(function(snapshot) {
  var lun1 = (snapshot.val() && snapshot.val().lun1) || 'X';

  $scope.lun1 = lun1;
  console.log($scope.lun1);
  })

}])

这是我的“lun1”值非常好的记录,但是当它在我的.html文件中显示它时,它什么也没显示!

我的.html文件:

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <link rel="stylesheet" href="seeHoraire/seeHoraire.css" />
</head>
<body ng-controller="SeeHoraireCtrl">

  <h1>{{lun1}}</h1>

</body>
</html>

也许我忘记了什么?请帮我。 祝你有个美好的一天。

1 个答案:

答案 0 :(得分:0)

也许试试:

 $scope.$apply(function(){
    $scope.lun1=lun1;
});

这是从this link复制的。其他答案也可能有所帮助。