AngularFire动态链接组件无法正常工作

时间:2015-02-07 21:14:31

标签: angularjs firebase angularfire

我正在构建一个页面,该页面将从Firebase动态检索数据,并利用Angular路由为动态链接提供服务。

JS:

.controller("IdeaCtrl", ['$scope', '$firebase', '$routeParams', function($scope, $firebase, $routeParams) {

  $scope.idea = {
    ID: $routeParams.id
  };

var ref = new Firebase("https://crowdfluttr.firebaseio.com/ideas/" + $scope.idea.ID);
ref.on("value", function(snapshot) {
  console.log(snapshot.val());
  var entries = snapshot.val();

  $scope.ideaTitle = entries.ideaTitle;

  console.log($scope.ideaTitle);

}, function (errorObject) {
  console.log("The read failed: " + errorObject.code);
});


}])

HTML:

   ID: {{ idea.ID }} <br>
   Title: {{ ideaTitle }}

{{idea.ID}}有效,但{{ideaTitle}}没有显示。然而,两个console.log都运行良好。似乎是什么问题?

1 个答案:

答案 0 :(得分:3)

$scope.$apply()

之后

$scope.ideaTitle = entries.ideaTitle

工作,任何机会?